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被 誉 为 “网 页 制作 三 剑客 ”之 一 的 Animate CC 2018， 是 Adobe 公司 收购 Macromedia 公司 后 最 新 推 
出 的 、 支 持 HIMLS 标准 的 网 页 动画 制作 工具 ， 是 目前 最 完美 的 二 维 动 画 制 作 工 具 之 一 。 其 前 身 是 Flash 
Professional CC 2017。 尽 管 Animate 已 转型 为 制作 HIMLS、SVG 和 WebGL 等 更 安全 的 视频 和 动画 的 全 
功能 型 动画 工具 ， 但 它 仍 继续 支持 Flash 内 容 的 创作 。 

一 、 本 书 特点 

久 实用 性 强 

本 书 的 编者 都 是 高 校 从 事 计 算 机 辅助 设计 教学 研究 多 年 的 一 线 人 员 ， 具 有 丰富 的 教学 实践 经 验 与 教 
材 编写 经 验 ， 有 一 些 执笔 者 是 国内 Flash 图 书 出 版 界 知 名 的 作者 ， 前 期 出 版 的 一 些 相 关 书 籍 经 过 市 场 检验 
很 受 读者 欢迎 。 多 年 的 教学 工作 使 他 们 能 够 准确 地 把 握 学 生 的 心理 与 实际 需求 。 本 书 是 作者 总 结 多 年 的 
设计 经 验 以 及 教学 的 心得 体会 ， 历 时 多 年 的 精心 准备 ,力求 全面 、 细 致 地 展现 Animate 软件 在 网 站 设计 
制作 应 用 领域 的 各 种 功能 和 使 用 方法 。 

四 实例 丰富 

本 书 的 实例 不 管 是 数量 还 是 种 类 ， 都 非常 丰富 。 从 数量 上 说 ， 本 书 结合 大 量 的 动画 制作 实例 ， 详 细 
讲解 了 Animate CC 2018 的 知识 要 点 ， 让 读者 在 学 习 案 例 的 过 程 中 潜移默化 地 掌握 Animate CC 2018 软件 
的 操作 技巧 。 

加 突出 提升 技能 

本 书 从 全 面 提升 Animate CC 2018 实际 应 用 能 力 的 角度 出 发 ， 结 合 大 量 的 案例 来 讲解 如 何 利 用 
Animate CC 2018 软件 制作 二 维 动画 ， 使 读者 了 解 Animate CC 2018， 并 能 够 独立 地 完成 各 种 动画 设计 与 
制作 。 

本 书 中 有 很 多 实例 本 身 就 是 动画 制作 案例 ,经 过 作者 精心 提炼 和 改编 ,不 仅 保证 读者 能 够 学 好 知识 点 ， 
更 重要 的 是 能 够 帮助 读者 掌握 实际 的 操作 技能 ， 同 时 培养 动画 制作 的 实践 能 力 。 

二 、 本 书 内 容 

全 书 分 为 16 章 ， 全 面 、 详 细 地 介绍 Animate CC 2018 的 特点 、 功 能 、 使 用 方法 和 技巧 。 具 体内 容 如 
下 : 初 识 Animate CC 2018, 认识 工具 箱 , 在 动画 中 使 用 文本 ,编辑 动画 对 象 ,图 层 与 帧 , 元 件 、 实 例 与 库 ， 
应 用 滤 镜 和 混合 模式 ， 逐 帧 动画 ， 补 间 动 画 制作 ， 引 寻 路 径 动画 ， 著 罩 动画 ， 反 向 运动 ， 制 作 有 声 动 画 ， 
制作 交互 动画 ,使 用 组 件 ， 综 合 实 例 一 一 实时 钟 的 详细 制作 过 程 。 


四 本 书 的 技术 问题 或 有 关 本 书信 息 的 发 布 

读者 如 果 遇 到 有 关 本 书 的 技术 问题 ， 可 以 登录 网 站 www.sjzswsw.com 或 将 问题 发 到 邮箱 
win760520@126.com， 我 们 将 及 时 回复 。 也 欢迎 加 入 图 书 学 习 交流 群 (QQ 群 : 512809405 ) 交流 探讨 。 

回 安装 软件 的 获取 

按照 本 书 上 的 实例 进行 操作 练习 ， 以 及 使 用 Animate CC 2018 进行 动画 制作 时 ， 需 要 事先 在 计算 机 
上 安装 相应 的 软件 。 读 者 可 从 网 络 中 下 载 相应 软件 ， 或 者 从 软件 经 销 商 处 购买 。QQ 交流 群 也 会 提供 下 
载 地 址 和 安装 方法 的 教学 视频 。 

回 手机 在 线 学 习 

为 了 配合 各 学 校 师 生 利用 此 书 进行 教学 的 需要 ， 随 书 配 二 维 码 ， 内 容 为 书 中 所 有 实例 网 页 文件 的 源 
代码 及 相关 资源 以 及 实例 操作 过 程 录 屏 动画 ， 另 外 附 赠 大 量 实例 素材 ， 供 读者 在 学 习 中 使 用 。 


四 、 关 于 作者 


本 书 主要 由 职场 无 忧 工 作 室 编写 ， 具 体 参 与 本 书 编写 的 有 胡 仁 喜 、 刘 昌 丽 、 康 士 廷 、 王 敏 、 闫 联 聪 、 
杨 雪 静 、 李 亚 莉 、 李 兵 、 甘 勤 涛 、 王 培 合 、 王 艳 池 、 王 玮 、 孟 培 、 张 亭 、 王 佩 档 、 和 孙 立 明 、 王 玉 秋 、 王 
义 发 、 解 江 坤 、 秦 志 霞 、 井 晓 奉 等 。 本 书 的 编写 和 出 和 版 得 到 了 很 多 朋友 的 大 力 支 持 ， 值 此 图 蔬 出 版 发 行 
之 际 ， 向 他 们 表示 赴 心 的 感谢 。 同 时 ， 也 深 深 感谢 支持 和 关心 本 书 出 版 的 所 有 朋友 。 

书 中 主要 内 容 来 自 于 编者 几 年 来 使 用 Animate 的 经 验 总 结 ， 也 有 部 分 内 容 取 自 于 国内 外 有 关 文 献 资 
料 。 虽 然 几 易 其 稿 , 但 由 于 时 间 仓 促 , 加 之 水 平 有 限 , 节 中 丝 漏 与 失误 在 所 难免 , 恩 请 广大 读者 批评 指正 。 
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Adobe 推 出 的 Flash 站 曾 是 互联 网 上 炙手可热 的 宠儿 ， 
在 网 页 游戏 和 动画 制作 中 获得 了 巨大 的 成 功 。 如 今 ， 在 网 页 动画 和 互 
动 功能 方面 ，HITMLS 正 逐 渐 成 为 Flash 的 替代 选择 ， 为 了 能 够 让 这 
款 动 画 制作 软件 适应 新 环境 ，2015 年 底 ，Adobe 将 其 更 名 为 Animate 
CC， 转 型 成 全 功能 的 动画 工具 ，HTMLS、SVG 和 WebGL 等 更 安全 
的 视频 和 动画 格式 成 为 新 平台 的 重点 服务 对 象 。 

本 章 将 介绍 Animate CC 2018 发 行 版 的 操作 界面 和 基本 的 文档 操 

。 作 ， 引 导读 者 初步 认识 Animate CC 2018 的 强大 功能 。 


认识 De CC 2018 


Animate CC 2018 的 操作 界面 
文件 的 基本 操作 

设置 文档 属性 

标尺 、 网 格 和 辅助 线 

配置 Animate CC 2018 工作 环境 


1.1 认识 Animate CC 2018 
Animate ( 前身 是 Adobe Flash Professional CC ) 是 知名 图 形 设计 软件 公司 Adobe 推出 的 一 蒜 制 作 网 


络 交 互动 画 的 优秀 工具 ， 它 文 持 动 画 、 声 音 以 及 交互 ， 具 有 强大 的 多 媒体 编辑 功能 ， 可 以 直接 生成 主页 
代码 ， 被 广泛 用 于 网 络 广告 、 交 互 游 戏 、 教 学 课件 、 动 画 短片 、 交 互 式 软件 开发 、 产 品 功能 演示 等 多 个 
方面 。 

Animate 更 名 后 ， 在 维持 原 有 Flash 开发 工具 ， 继 续 文 持 Flash SWF、AIR 格式 的 同时 ， 还 新 增 了 
HTML 5 创作 工具 ， 支 持 HTML5 Canvas、WebGL ， 并 能 通过 可 扩展 架构 支持 包括 SVG 在 内 的 几乎 任何 
动画 格式 ， 为 网 页 开发 者 提供 更 适应 网 页 应 用 的 音频 、 图 片 、 视 频 、 动 画 等 创作 支持 。 同 时 ，Adobe 还 
推出 适用 于 时 面 浏览 妖 的 HTML 5 播放 絮 插 件 ， 作 为 移动 六 HTML 5 视频 播放 器 的 延续 。 


1.1.1 安装 Animate CC 2018 


i 


Creative Cloud ( 创意 云 ) 是 Adobe 提供 的 云 服 务 之 一 ， 它 将 创意 设计 需要 的 所 、 
有 元 素 整 合 到 一 个 平台 ， 人 简化 整个 创意 过 程 。 目 Animate CC 起 ， 安 疹 不 再 提供 光盘 、 1_1 站 疙 Animate 
独立 安装 包 等 ， 应 使 用 Adobe ID 登录 创意 云 客户 端 在 线 安装 、 激 活 。 CC 2018 

在 安装 Animate CC 2018 之 前 ,读者 有 必要 先 了 解 一 下 Animate CC 2018 的 系统 要 求 。 

Animate CC 2018 在 Windows 系统 中 安装 的 系统 要 求 如 下 : 


CPU Intel Centrino 、Intel Xeon 或 Intel Core Duo 人 处理 器 和 更 高 版 本 ,或 同等 性 能 的 兼容 型 处 理 器 
操作 系统 Microsoft Windows 7 ( 64 位 )、Windows 8.1 (64 人 位) 或 Windows 10 (64 位) 
内 存 2GB 内 存 ( 建议 8GB ) 
硬盘 空间 4GB 可 用 硬盘 空间 用 于 安装 ; 安装 过 程 中 需要 额外 的 可 用 空间 (不 能 安装 在 可 移动 闪存 设备 上 ) 
显示 带 1280 x 1024 显示 器 ，16 位 视频 卡 
产品 激活 必须 具备 Internet 连接 并 完成 注册 ， 才 能 激活 软件 、 验 证 订阅 和 访问 在 线 服 务 
Animate CC 2018 在 Mac OS 中 安装 的 系统 要 求 如 下 : 
CPU 具有 64 位 支持 的 多 核 Intel 处 理 器 
操作 系统 MacOSXYV10.10 (64 位 )、vl10.11(064 人 位) 或 v10.12 ( 64 位) 
内 存 2GB 内 存 (建议 8GB) 
硬盘 空间 4GB 可 用 优盘 空间 用 于 安 歼 ; 安装 过 程 中 和 需要 和 额外 的 可 用 空间 (无 法 安装 在 使 用 区 分 大 小 写 的 文件 系 
统 的 卷 或 可 移动 内 存 设备 上 ) 
显示 带 1280 x 1024 显示 送 ，16 位 视频 卡 
产品 激活 必须 具备 Internet 连接 并 完成 注册 ， 才 能 激活 软件 、 验 证 订阅 和 访问 在 线 服务 


Animate CC 2018 简体 中 文 版 仅 适用 于 Windows。 本 书 中 如 不 作 特别 说 明 ，Animate CC | 
”注意 。 均 指 Animate CC 2018 简体 中 文 发 行 版。 | 


接 下 来 简要 介绍 下 载 、 安 凝 Creative Cloud 应 用 程序 ， 并 使 用 Creative Cloud 客户 端 管 理 、 更 新 
Animate 应 用 程序 的 方法 。 

(1) 打开 浏览 右 ， 在 地 址 栏 中 输入 (https:Wwww.adobe.comy ) 进入 Adobe 的 官网 。 如 果 要 修改 页 面 
的 显示 语言 ， 单 击 页 面 右 下 角 的 Change region， 在 弹出 的 列表 中 选择 “中 国 ”。 在 页 面 底部 的 产品 列表 中 
单 击 Creative Cloud ， 如 图 1-1 所 示 。 
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Productirials Praduct updates Cther downloads 


Select any of the applications below to download a free trial. Or sign up for your free trial of 
Creative Cloud to get free access to all of these applications, mobile apps, web storage, and more. 


Featured free trial downloads 


号 和 er Effects CC 
Cinematic visual effects and 


图 1-1 选择 Creative Cloud 


(2 ) 在 弹出 的 界面 中 选择 要 下 载 的 软件 Animate， 单 击 “ 下 载 试用 版 ”进行 下 载 如 ， 图 1-2 所 示 。 此 
时 会 弹出 一 个 页 面 ， 要求 填写 相关 的 个 人 资料 。 填 写 完 成 后 ， 单 击 “ 登 录 ” 按 钮 ， 使 用 Adobe ID 登录 ， 
就 可 开始 下 载 。 下 载 完成 后 ， 单 击 下 载 的 软件 进行 安 猴 。 安 痛 完 成 后 ， 在 “开始 ”及 和 单 中 可 看 到 安 疹 的 
应 用 程序 ， 在 桌面 上 可 看 到 Adobe Creative Cloud 的 图 标 图 。 


Adobe Muse Acrobat Pro DC Animate 
不 需 插 写 程 式 码 ， 姑 可 设计 和 发 布 网 站 建立 、 编 辑 和 签署 PDF 文件 及 表格 Flash Professional 现 往 称 为 Adobe 
nimate CC。 字 个 平台 适用 的 互动 式 动 画 。 
新 增 功 能 |， 学习 与 支援 新 增 功能 | 学 习 与 支 拉 
| ”立即 购买 | 立即 购买 新 增 功能 | 学 习 与 支撑 


| 立即 购买 


图 1-2 选择 要 下 载 的 软件 


如 条 还 没有 Adobe ID ， 则 单 击 “注册 Adobe ID” 人 按钮， 注册 完 成 后 即 可 下 载 。 

(3 ) 双击 Adobe Creative Cloud 的 图 标 图 ， 打 开 如 图 1-3 (a ) 所 示 的 Creative Cloud 客户 端 界 面 。 

在 这 里 ， 用 户 可 以 查看 已 安 鸳 的 Adobe 应 用 程序 是 否 有 更 新 。 如 条 有 ， 单 击 “ 更 新 ”按钮 可 目 动 下 
载 更 新 并 安装 。 如 果 在 图 1-2 中 选择 下 载 的 软件 不 是 Animate ,可 以 在 如 图 1-3 (b ) 所 示 的 界面 中 单 击 “ 试 
用 ”按钮 ， 目 动 安 痛 选择 的 软件 。 


Pa 


六 ER 


首页 Apps 资源 ”社区 | 首页 ”Apps ”资源 ”社区 


更 新 所 有 应 用 程序 | “disicn Cc (2017) 
详细 了 解 更 新 | NU ee 


Animate CC and Mobile Device 
Packagine (2077) 
[原名 Flash Professional) 


着 组 信息 
Animate CC and Mobile Device | 天 Dreamweaver CC (2017) 


【原名 Flash Professional) 


La Carmera Raw CC 


已 突 浆 届 1 


| Media Encoder CC (2017) | | | | pig cc [Preview) 
| 查看 教 扣 -Ee ae 


Niuse CC (2017) 
国 。 详 信息 


InCopy CC 人 (207 


prelude CC (2017) 
碍 乒 其 他 应 用 程序 P| ee 


Phatoshop CC (2017) - | | Media Encoder Ce (2017) 
详 田 信息 尝 崩 信息 


| Lightroom cc (2015) | | EN speedGrade cc (205) 
| 一 Es | | Be 详细 于 


Ai Mustrator CC (2017) - 男 Flash Builder Premium 
| 运 革 全 自 | | 


详细 信息 


图 1-3 _ Creative Cloud 客 户 端 
1.1.2 ” 芭 载 Animate CC 2018 


(1 ) 双击 Adobe Creative Cloud 的 图 标 区 
(2 ) 将 鼠标 指针 移 到 Animate CC 2018 上 ， 石 侧 将 显示 “设置 ”按钮 后 = 。 单 击 该 按钮 ， 在 弹出 的 下 
拉 菜 单 中 选择 “ 缉 载 *， 如 图 1-4 所 示 ， 即 可 印 载 该 软件 。 


国 creative Cloud 


(ea) Creative Coud 


首页 Apps 资源 


新 所 有 应 用 条 


释 新 版 本 v 
更 新 (1 


Animate CC and Mobile Device 
Packaging (20T7) 

【原名 Flash Professional) 
新 增 功 比 | 试用 已 过 其 


camera Raw CC 


己 安 车 届 


Media Encoder CC (2017) 
二 厂区 三 


查抄 其 他 应 用 程序 


国 Photoshop CC (2017) 
四 Lightroom CC (2015) 


lllustrater CC (2017) 


图 1-4 ” 计 择 “种 载 ” 命 令 


1.1.3 ”局 动 与 退出 


Animate CC 2018 具备 和 直观、 可 上 自 定义 的 现代 化 用 户 界 面 ， 启 动 和 退出 方法 与 其 他 常用 的 软件 类 似 。 


1. 局 动 


在 Adobe Creative Cloud 客户 端 界面 的 Apps 面板 中 找到 应 用 程序 图 标 国 ， 然 后 单 击 “打开 ”按钮 ; 
或 执行 “开始 ” 1 “所 有 程序 ” | “Adobe Animate CC 2018” 命 令 ， 即 可 启动 Animate CC 2018 中 文 版 。 

初次 启动 时 ， 将 弹出 同步 设置 提醒 对 话 框 ， 如 图 1-5 所 示 。 单 击 “ 立 即 同 步 设置 ”按钮 ， 可 以 将 
Animate 中 的 设置 ( 如 键盘 快捷 键 、 首 选项 和 用 户 预 设 ) 上 传 到 Creative Cloud 账户 ,或 从 Creative Cloud 
账户 下 载 设置 并 应 用 到 其 他 计算 机 上 ， 从 而 使 多 台 计 算 机 具备 相同 的 工作 设置 和 环境 。 


Adobe Animate 


Animate 安全 地 同步 了 您 的 


首选 基数 和 设置 与 CreativeClowd 实现 了 安全 同步 。 


单 击 ' 立 即 同步 设置 “可 同步 设置 


圳 有 用量 点 设 置 3 即 同步 设置 


图 1-5 同步 设置 


如 采 暂 时 不 想 同步 设置 ， 可 以 单 击 对 话 框 右上 和 角 的 “关闭 ”按钮 关闭 对 话 框 ， 上 默认 显示 Animate CC 
2018 的 “开始 ”工作 区 ,如 图 1-6 所 示 。 在 “开始 ”工作 区 可 以 方便 地 新 建文 件 .访问 最 近 使 用 过 的 文件 、 


了 解 新 功能 、 获 得 用 户 指南 和 和 学习 文 持 。 


立 忻 昌 ” 闹 性 昌 ” 视 加 MM] 插入 四 敌 KKM) 立 本 四 语 字 加 


一 打 开 最 近 的 砚 目 


rT 


梧 恒安 ”se 
BE] Adobe Exchange =» 


元 可 本 元 


朵 是 办。 种 


+ 辅助 区 陋 


图 1-6 基本 功能 工作 区 的 开始 页 


2. 退出 
和 单 击 用 户 界 面 右上 角 的 “关闭 ”按钮 有 :到 。 


WW / 


0061/ANWRSTISESE201 


a 


1 


/ 中 忆 所 A 


执行 “文件 ”| “退出 ”命令 。 


1.2 Animate CC 2018 的 操作 界面 


Animate CC 的 工作 区 将 多 个 文档 集中 到 一 个 界面 中 ， 这 样 不 仅 降低 系统 资源 的 占用 ， 而 且 还 可 以 更 
加 方便 地 操作 文档 。Animate CC 2018 的 操作 界面 包括 以 下 几 个 部 分 ， 菜单 栏 、 编 辑 栏 、 舞 台 、 时 间 轴 面 
板 、 状 态 栏 和 浮动 面板 组 。 图 1-7 所 示 为 Animate CC 2018 的 操作 界面 。 


文件 (日 ” 编 轧 ( 日 ”视图 (VI 插入 人 0 ” 收 改 [M) 文本 夏 ” 病 令 各 ”控制 [0| ”调式 (0 闸口 (W) 帮助 (H) 


天 标题 -1 (Canwvas) 


a EE NN 器 步 论 吕 性 坊 畏 时 工作 [和 局 模式 


村 十 训 件 : 时 从 交 件 


应 用 于 牛山 板 


3 


时 间 轴 


坚 图 层 1 


和 


图 1-7 Animate CC 2018 的 操作 界面 


1.2.1 菜单 栏 


Animate CC 2018 的 主 羔 单 命令 共 分 11 种 ， 即 文件 、 编 辑 、 视 图 、 插 入 、 人 修改、 文本、 命令、 控制、 
调试 、 窗 口 和 帮助 ， 如 图 1-8 所 示 。 下 面 将 介绍 一 些 主要 的 菜单 命令 。 


1. “文件 ”菜单 


“文件 ”菜单 如 图 1-9 所 示 ， 包 含 文件 处 理 、 参 数 设置 、 输 入 和 输出 文件 、 发 布 、 打 印 等 功能 ， 还 包 
括 用 于 同步 设置 的 命令 。 


2.“ 编 辑 ” 菜 音 

“编辑 ”菜单 如 图 1-10 所 示 ， 包 含 用 于 基本 编辑 操作 的 标准 菜单 项 ， 以 及 对 “首选 项 ”的 访问 。 
3.“ 视 图 ”菜单 

“视图 ”菜单 如 图 1-11 所 示 ， 用 于 控制 屏幕 的 各 种 显示 效果 ， 以 及 控制 文件 的 外 观 。 


昌 :性 \ 00) z 


新 建 (N)... Ctrl+I 
打开 Ctrl+ 口 
在 Bridge 中 浏览 Ctrl+Alt+O 
打开 最 近 的 文件 (p) 
关闭 (C) Ctrl+W 
全 部 关闭 Ctrl+AHt+W 


painter@adobe.com k 


Ctr|+s 
Ctrl+Shitt+s 


Ctrl+Shift+W 
Ctrl+shifttAlt+R 


Ctrl+Shift+Fl2 
Shift+Alti+F12 Ctrl+Shift+E 
Ctrl+Alt+I 


图 1-9 “又 件 ”菜单 图 1-10 “编辑 ”菜单 图 1-11 “视图 ”菜单 


4.“ 插 入 ”菜单 

“插入 ”六 单 如 图 1-12 所 示 ， 提 供 创 建 元 件 、 图 层 、 关 键 帧 和 狂 台 场景 等 内 容 的 命令 。 
5.“ 修改” 菜单 

“修改 ” 沫 单 如 图 1-13 所 示 ， 用 于 更 改选 定 的 舞台 对 象 的 属性 。 

6. “文本 ”菜单 

文本 ” 沫 单 如 图 1-14 所 示 ， 用 于 设置 文本 格式 和 诅 人 字体 。 


Ctrl+G 
Ctrl+shit+G 
图 1-12 “插入 ”菜单 图 1-13 “修改 ”菜单 图 1-14 “文本 ”菜单 
7. 命令 菜单 


“命令 ”及 单 如 图 1-15 所 示 ， 用 于 管理 、 保 存 和 获取 命令 ， 以 及 导入 、 导 出 动画 XML 。 


8 “控制 ”菜单 
“控制 ”六 单 如 图 1-16 所 示 ， 用 来 控制 对 影片 的 操作 。 


9.“ 调 试 ” 菜 单 


“调试 ”菜单 如 图 1-17 所 示 ， 用 于 对 影片 代码 进行 测试 和 调试 。 


图 1-15 “命令 ”菜单 


10.“ 窗 口 ” 菜 单 


Ctrl+Shift+Enter 


Alt+F8 


Ctrl+Alt+B 
Ctrl+shift+Alt+B 


到 1-17 “ “调试 ”菜单 


“窗口 ”于 单 如 图 1-18 所 示 ， 提 供 对 Animate CC 2018 中 的 所 有 浮动 面板 和 窗口 的 访问 。 


11.“ 帮 助 ” 菜 单 


“帮助 ”菜单 如 图 1-19 所 示 ， 提 供 对 Animate CC 2018 帮助 系统 的 访问 ， 可 以 用 作 学 习 指 南 。 


Ctrl 于 下 全 十 多 


Ctrl+Alt+T 
Ctrl+F2 
Ctrl+F3 

Ctrl+L 


Ctrl+K 
Ctrl+Shift+F9 
Ctrl+I 
Ctrl+F9 
Ctrl+T 


Ctrl+F7 
Ctrl+F10 
shift+F2 


图 1-18 “窗口 ”菜单 


Ammate 帮助 (H) 
Animate 支持 中 心 (9) 


获取 最 新 的 Flash Player(P) 


Adobe ExchangelE) 
埋 扩 屡 功 能 (NM). 


Adobe AIR SDK(R)... 
更 新 .. 
AMTEmu by PainteR 


Adobe 在 线 论 坛 [F) 


图 1-19 “帮助 ”菜单 


1.2.2 ”编辑 栏 
编辑 栏 位 于 振 台 顶部 ， 该 工具 栏 包含 编辑 场景 和 元 件 的 稼 用 命令 ， 如 图 1-20 所 示 。 


当前 场景 名 称 切换 场景 舞台 居中 舞台 缩放 比例 
返回 主场 景 入 加 元 伯 盟 切 重合 
和 六 外 的 内 容 


图 1-20 ”编辑 栏 


各 个 按钮 图 标的 功能 如 下 : 

YN 返回 主场 景 : 在 元 件 编辑 窗口 该 按钮 可 用 ， 单 击 返回 主场 景 的 时 间 轴 。 

YN 切换 场景 : 单 击 该 按钮 ， 在 弹出 的 下 拉 列 表 中 显示 当前 文档 中 的 所 有 场景 名 称 。 选 中 一 个 场景 名 
称 ， 即 可 进入 对 应 的 场景 。 

YN 编辑 元 件 : 单 击 该 按钮 ， 将 弹出 当前 文档 中 的 所 有 元 件 列表 ， 选 中 一 个 元 件 ， 即 可 进入 对 应 元 件 

的 编辑 窗口 。 


YN 舞台 居中 : 滚动 兽 台 以 聚集 到 特定 兽人 台 位 置 后 ， 单 击 该 按钮 ， 可 以 快速 定位 到 兽人 台中 心 。 
剪 切 挥 舞台 范围 以 外 的 内 容 : 将 舞台 范围 以 外 的 内 容 裁 切 掉 。 


和 舞台 缩放 比例 : 用 于 设置 帮 台 缩放 的 比例 。 王 台 上 的 最 小 缩小 比率 为 8%; 最 大 放大 比率 为 
2000%6。 和 选择 “符合 窗口 大 小 "， 则 缩放 舞台 以 完全 适应 程序 窗口 大 小 ;“ 显 示 帧 ”表示 显示 整个 
人 台 ;“ 显 示 全 部 ”用 于 显示 当前 帧 的 内 容 ， 如 果 场 景 为 室 ， 则 显示 整个 兰 台 。 


1.2.3 ”舞台 和 和 想 巾 板 


舞台 是 用 户 进行 创作 的 主要 区 域 ， 图 形 的 创建 、 编 辑 、 动 男 的 创作 和 显示 都 在 该 区 域 中 进行 。 舞 人 台 
是 一 个 矩形 区 域 ， 相 当 于 实际 表演 中 的 舞台 ， 任 何 时 间 看 到 的 舞台 仅 显 示 当 前 帧 的 内 容 。 默 认 显示 的 黑 
色 毗 廓 表示 舞台 的 轮廓 视图 ， 如 图 1-21 所 示 。 


图 1-21 舞台 的 坦 色 该 框 


粘贴 板 是 舞台 边框 以 外 的 次 灰色 区 域 ， 如 图 1-21 所 示 。 相 当 于 实际 表 读 中 的 后 台 ， 通 常用 作 动画 的 
开始 和 结束 点 ， 即 对 象 进入 和 离开 影片 的 地 方 。 例 如 ， 要 制作 一 个 舞 痢 出 场 和 离 场 的 动画 ， 可 以 抑 将 舞 
痢 放 在 粘贴 板 中 ， 然 后 以 动画 形式 使 舞 者 进入 舞台 区 域 ; 在 动画 结束 时 ， 再 将 钴 者 拖 放 到 粘贴 板 中 。 


在 Animate 早期 的 版 本 中 ， 精 贿 板 颜色 与 用 户 界 面 主题 颜色 相同 。 从 2017 年 1 月 发 行 版 开始 ， 可 以 
在 文档 的 “属性 ”面板 中 选中 “应 用 于 精 贿 板 ”"， 将 和 舞台 颜色 应 用 于 精 贴 板 ， 如 图 1-22 所 示 。 该 功能 可 
以 让 用 户 使 用 一 个 没有 边界 的 画布 ， 如 图 1-23 所 示 。 


利生， 国 国 


应 用 十 粘贴 避 


由 配 遍 色 与 舞台 颜色 框 同 


图 1-22 将 舞台 颜色 应 用 于 粘贴 板 图 1-23 指定 粘 赂 板 的 颜色 之 后 的 效果 


1.2.4 时 间 轴 面板 


时 间 轴 面板 是 用 于 进行 动画 创作 和 编辑 的 主要 工具 ， 可 分 为 两 大 部 分 : 图 层 控制 区 和 时 间 轴 控制 区 ， 
结构 如 图 1-24 所 示 。Animate CC 2018“ 基 本 功能 ”布局 模式 下 的 时 间 轴 面板 默认 位 于 工作 区 下 方 ， 当 然 
用 户 也 可 以 使 用 鼠标 拖 动 它 ， 改 变 它 在 窗口 中 的 位 置 。 


图 层 探 制 区 时 间 轴 控制 区 


图 1-24 Animate CC 2018 的 时 间 轴 面板 


1. 图 层 控制 区 

妈 层 控制 区 位 于 时 间 轴 面板 左 侧 ， 用 于 进行 与 图 层 有 关 的 操作 。 按 顺序 显示 当前 正在 编辑 的 场景 中 
有 所 有 图 层 的 名 称 、 类 型 、 状 态 等 。 在 时 间 轴 上 使 用 多 层 层 苹 技 术 可 将 不 同 内 容 放 置 在 不 同 屋 ， 从 而 创建 
一 种 有 层次 感 的 动画 效果 。 

图 层 控制 区 中 各 个 工具 按钮 的 功能 如 下 : 

YN 且 天 汉 ( 高 级 /基本 图 层 ): 打开 或 关闭 高 级 图 层 。Animate CC 2018 引入 高 级 图 层 功 能 ， 通 过 在 

不 同 的 平面 中 放置 资源 ， 可 以 在 动画 中 创建 深度 感 。 

3 国 (显示 /隐藏 ): 切换 选 定 层 的 显示 /隐藏 状态 。 

Y 图 ( 锁定 /解锁 ); 切换 选 定 层 的 锁定 / 解锁 状态 。 

9 目 ( 显示 /隐藏 轮廓 ): 以 轮 廊 或 实体 显示 选 定 层 的 内 容 。 


©。 如 果 摄 像 头 图 层 处 于 活动 状态 ， 单 击 该 按钮 将 在 最 底层 新 建 一 个 图 层 。 
S 回 (新建 文件 夹 ): 新 建 一 个 文件 夹 。 
9 国 (删除 ): 删除 选 定 的 图 层 。 
9 加 ( 添加 摄像 头 ): 添加 虚拟 摄像 头 ， 模 拟 摄像 头 移动 和 镜头 切换 效果 。 
2. 时 间 轴 控制 区 
时 间 轴 控制 区 位 于 时 间 轴 面板 右 侧 ， ee 
sl 执行 帆 人 动 


所 示 。 关 台 上 出 现 的 往 一 帧 的 p 
是 该 时 间 点 上 出 现在 各 层 上 的 所 有 内 容 的 
反映 
时 间 轴 控制 区 中 各 个 工 


按钮 的 功能 


如 下 : 
> RIC ( 播放 控件 ): 用 于 


播放 控件 循环 修改 | 师 频 运行 | 调整 时 间 灶 帘 图 大 小 


调试 或 预览 动画 效果 的 播放 控件 。 由 居中 标记 时 间 

3 围 ( 帧 居中 ): 改变 时 间 轴 控 制 区 的 a ee 
显示 范围 ， 将 当前 帧 显示 到 控制 区 绘图 纸 
的 中 间 。 外 观 轮廓 

9 加 (循环 ): 循环 播放 当前 选中 的 帧 图 1-25 ”时 间 轴 控制 区 


范围 。 如 果 没 有 选中 帧 ， 则 循环 播放 当前 整个 动画 。 
9 国 ( 绘图 纸 外 观 ): 三 台 上 显示 在 时 间 轴 上 选择 的 连续 帧 范围 中 包含 的 所 有 帧 。 
y 国 ( 绘图 纸 外 观 轮 廓 ): 在 时 间 轴 上 选择 一 个 连续 的 帧 范围 ， 在 粤 人 台 上 显示 除 当 前 帧 之 外 的 其 他 
帧 的 外 框 ， 当 前 帧 以 实体 显示 。 
3 回 (编辑 多 个 帧 ): 在 时 间 轴 上 选择 一 个 连续 区 域 ， 区 域内 的 所 有 帧 可 以 同时 显示 和 编辑 。 
9 加 (修改 标记 ): 选择 显示 2 帧 、$ 帧 或 全 部 帧 。 
3 图 (将 时 间 轴 缩放 重 设 为 默认 级 别 ): 单 击 该 按钮 ， 即 可 将 缩放 后 的 时 间 轴 调整 为 默认 级 别 。 
y ( 调整 时 间 轴 视图 大 小 ): 单 击 左 侧 的 国 按 钮 ， 可 以 在 视图 中 显示 更 多 帧 ; 
单 击 右 侧 的 本 ， 可 以 在 视图 中 显示 较 少 帧 ; 拖 动 滑 块 ， 可 以 动态 地 调整 视图 中 可 显示 的 帧 数 。 
Animate CC 2018 增强 了 时 间 轴 功能 ， 使 用 每 秒 帧 数 〈fps ) 扩展 帆 则 距 ， 并 将 空 日 间距 转换 为 时 间 
1s、2s 或 3s 显示 在 时 间 轴 上 。 


1.2.5 ”浮动 面板 组 

在 Animate CC 2018 工作 环境 的 右 侧 停靠 着 许多 浮动 面板 ， 并 且 自 动 对 齐 。 这 些 面 板 可 以 自由 地 在 
界面 上 拖 动 ， 也 可 以 将 多 个 面板 组 合 在 一 起 ， 成 为 一 个 选项 卡 组 ， 以 扩充 文档 窗口 。 

Animate CC 2018 的 浮动 面板 有 很 多 种 ， 同 时 显示 出 来 会 使 工作 界面 凌乱 不 堪 ， 用 户 可 以 根据 实际 2 
作 需 要 ， 在 “窗口 ”菜单 的 下 拉 菜 单 中 单 击 面板 名 称 ， 打 开 或 者 关闭 指定 的 浮动 面板 。 单 击 面板 右上 角 
的 国 按 钮 可 以 将 面板 缩 为 精美 图 标 。 单 击 国 按 钮 即 可 展开 为 面板 。 

1.“ 属 性 ”面板 

不 同 的 舞台 对 象 有 不 同 的 属性 ， 修 改 


“属性 ”面板 完成 。“ 属 性 ”面板 的 设置 项 


根据 对 象 的 不 同 而 变化 ， 如 图 1-26 所 示 为 选中 舞台 上 的 位 图 时 对 应 的 “属性 ”面板 。 

默认 情况 下 , Animate CC 2018 没有 开启 “属性 ”面板 , 用 户 可 以 通过 “窗口 ”| “属性 ”命令 打开 。 

2. 工具 面板 

使 用 Animate CC 2018 进行 动画 创作 ， 首 先 要 绘制 各 种 图 形 和 对 象 ， 这 就 要 用 到 各 种 绘图 工具 。 
Animate CC 2018 的 绘图 工具 箱 作 为 浮动 面板 以 图 标 形式 停 乱 在 工作 区 右 侧 ， 单 击 工作 区 右 侧 的 工具 箱 缩 
略图 标 国 ， 或 执行 “窗口 ”1 “工具 ”命令 ， 即 可 展开 “工具 ”面板 ， 如 图 1-27 所 示 。 


袜 例 : Sanrio.ipg 


= 位 置 和 大 小 


C3 nb 


图 1-26 “属性 ”面板 图 1-27 “工具 ”面板 


“工具 ”面板 中 包含 20 多 种 工具 ， 单 击 其 中 的 工具 按钮 ， 即 可 选中 对 应 的 工具 。 使 用 这 些 工具 可 以 
对 图 像 或 选区 进行 操作 。 
过 2 为 


默认 状态 下 ,“ 工 具 ” 面 板 垂 直 停 靠 在 工作 区 在 侧 ， 用 户 可 以 用 鼠标 拖 动 绘图 工具 箱 ， 改 变 它 在 窒 口 
中 的 位 置 。 将 工具 箱 拖 到 工作 区 之 后 ,通过 拖 动 工具 箱 的 左右 侧 边 或 底 边 ， 可 以 调整 工具 箱 的 矿 寸 ， 如 
图 1-28 所 示 。 


图 1-28 “工具 ”面板 


3. 其 他 浮动 面板 
浮动 面板 的 一 个 好 人 处 是 可 以 节省 屏 磊 空间 。 用 户 可 以 根据 需要 显示 或 隐藏 浮动 面板 ， 其 他 浮动 面板 
的 功能 简要 介绍 如 下 。 

和 库 : 管理 动画 资源 ， 比 如 元 件 、 位 图 、 上 声音 、 字 体 等 。 

NN 画笔 库 : 管理 Animate CC 2018 文档 中 的 预 设 画 笔 和 自 定 义 画 笔 。 

和 动画 预 设 : 包含 Animate CC 2018 预 设 的 补 间 动画 ， 在 需要 经 第 使 用 相似 类 型 的 补 间 动 画 的 情况 
下 ， 可 以 极 大 地 节约 项 目 设计 和 开发 的 生产 时 间 。 用 户 还 可 以 导入 他 人 制作 的 预 设 , 或 将 自己 制 
作 的 预 设 导出 ， 与 协作 人 员 共 享 。 

和 帧 选择 器 : 不 必 进 行 元 件 编 辑 窗 口 ， 就 可 以 直观 地 预览 并 选择 图 形 元 件 的 第 一 帧 ， 并 设置 图 形 元 
件 的 循环 选项 ， 如 图 1-29 所 示 。 通 过 选中 “创建 关键 帧 ” 复 选 框 ， 还 可 以 在 帧 选择 器 面板 中 选 
择 帧 时 自动 创建 关键 帧 。 


忆 动作 : 通过 编写 ActionScript 代码 创建 交互 式 内 容 。 

和 代码 片断 : 收集 、 分 类 一 些 非常 有 用 的 小 代码 ， 以 便 在 “动作 ”面板 中 反复 使 用 。 

YN 编译 器 错误 : 显示 Animate CC 2018 在 编译 或 执行 ActionScript 代码 期 间 遇 到 的 错误 ， 并 能 快速 
定位 到 导致 错误 的 代码 行 。 

包 调试 面板 : 用 于 在 测试 环境 下 打开 调试 控制 台 对 本 地 的 影片 文件 进行 调试 ， 并 导出 带 有 调试 信息 
的 SWF 文件 (SWD 文件 )。SWD 文件 用 于 调试 ActionScript， 并 包含 允许 使 用 断 点 和 跟踪 代码 
的 信息 。 

YN 输出 : 用 于 测试 Animate CC 2018 文件 时 ， 显 示 相 应 信息 以 帮助 用 户 排 除 文件 中 的 故障 。 

和 对 齐 : 用 于 控制 兽人 台 上 的 多 个 对 象 的 排列 方式 ， 如 对 齐 、 分 布 、 间 隔 、 匹 配 大 小 。 

和 颜色 : 用 于 选择 颜色 模式 和 合适 的 调配 颜色 ， 如 图 1-30 所 示 。 


顶 选 译 露 


” 创建 去 硅 帆 


图 1-29 “ 帧 选择 器 ” 面 株 图 1-30 “颜色 ”面板 


和 信息 : 显示 当前 选中 对 象 的 尺寸 、 坐 标 位 置 ， 以 及 当前 筷 标 指针 的 坐标 和 所 在 位 置 的 颜色 值 。 
和 样本 : 用 于 拾取 颜色 和 创建 新 的 色 板 。 

和 变形 : 集中 缩放 、 旋 转 、 人 倾斜 、 翻 转 等 变形 命令 ， 可 以 精确 地 对 选中 对 象 进 行 变 形 。 

和 组 件 : 用 于 在 Animate CC 2018 文档 中 添加 Animate CC 2018 预 置 的 组 件 。 

和 历史 记录 : 显示 自 创 建 或 打开 某 个 文档 以 来 在 该 洁 动 文 档 中 执行 的 步骤 的 列表 。 

和 场景 : 对 Animate CC 2018 文档 中 的 场景 进行 管理 。 

和 图 层 深 度 : 更 改 Animate CC 2018 文档 中 高 级 图 层 的 深度 ， 创 建 深度 感 。 


mm ee ee ee ee ee ee ee ee ee em 


提示 : 默认 情况 下 ，Animate CC 2018 的 “历史 记录 ”面板 支持 的 撤销 层级 数 为 100 层级 。 用 户 


& 可 以 在 “首选 参数 ”对 话 框 中 设置 撤销 和 重 做 的 层级 数 ， 如 图 1-31 所 示 。 


图 1-31 设置 撤销 层级 数 


区 / 


1.2.6 ”上 机 练 > 


分 译 动 面板 组 


名 和 vy 练习 将 常用 的 浮动 面板 组 合 在 一 起 ， 并 放 在 适当 的 地 方 ， 以 配 | 
SS 全 (四 至 出 最 适合 于 个 人 使 用 的 工作 环境 。 结 合 本 节 的 练习 实例 ， 


1-2 上 机 练习 一 一 组 合 、 
使 读者 掌握 组 合 、 拆 分 浮动 面板 组 的 具体 操作 方法 。 机 四 拆 分 浮动 面板 组 


下 EE 


I 设计 : 首先 将 “对 并” 面板 从 “信息 ”面板 组 中 拆 分 出 来 ， 然 后 与 “变形 ” 面 面板 合并 为 


思 | 路 着 一 个 面板 组 。 


操 回 步 国 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 六 

(1) 执行 “窗口 ”1 “对 齐 ” 命 令 ， 打开 “对 齐 ” 面 板 。 

(2 ) 在 “对 齐 ” 面 板 的 标签 上 按 下 鼠标 左 键 ， 然 后 拖 动 到 合适 的 位 置 ， 释 放 鼠 标 。 此 时 “对 齐 ” 面 
板 成 为 一 个 独立 的 面板 ， 可 以 在 工作 界面 上 随意 拖 动 ， 如 图 1-32 所 示 。 

(3 ) 执行 “窗口 ”1 “变形 ”命令 ， 打开“ 变形 ”面板 。 

(4) 单 击 “ 对 齐 ” 面 板 上 的 标签 ,然后 拖 动 到 “变形 ”面板 上 ,此 时 “对 齐 ” 面 板 四 周 将 以 蓝 色 显示 ， 
如 图 1-33 (a ) 所 示 ， 表 示 “ 对 齐 ” 面 板 将 到 达 的 目的 位 置 。 释 放 鼠 标 ， 即 可 将 “对 齐 ” 面 板 与 “变形 ” 
面板 进行 合并 ， 如 图 1-33 (b ) 所 示 。 


图 1-32 ”分离 出 的 “对 齐 ” 面 板 图 1-33 ” 组合“ 对齐” 面板 和 “变形 ”面板 


1.3 文件 的 基本 操作 


通过 1.2 节 的 和 学习， 读者 对 Animate CC 2018 的 操作 界面 应 该 有 一 个 初步 的 认识 。 本 节 将 介绍 在 
Animate CC 2018 中 创建 动画 的 几 个 基本 操作 ， 即 创建 新 文档 、 保 存 动画 文 件 和 打开 已 有 的 Animate CC 
2018 文件 ， 让 读者 进一步 了 解 Animate CC 2018 的 用 户 界 面 和 操作 体验 。 


1.3.1 上 机 练 > 


| TFT 
攻 4 习 Animate CC 2018 支持 的 文档 类 型 ， 使 读者 掌握 使 用 “新 建 
N= Ba 


: “1-3 上 机 练习 一 一 新 建 
文档 对 话 框 创建 A id 文档 的 方法 。 ee 一 个 Animate 文 档 


)_ 通 厂 「 证 大 让 让 和 丰 -让 让 ER 
思路 用 | 尺寸 和 痛 景 闫 色 ， 最 后 年 击 确定 按钮 新 建 一 个 Animate 文档 。 / 


探 国 步 医 Ed 


(1) 执行 “文件 ”1 “新 建 ” 命 令 ， 弹 出 如 图 1-34 所 示 的 “新 建文 档 ” 对 话 框 。 


背景 颜色 : 图 
恒 为 于 从 值 (M) 


图 1-34 “新 建交 档 ” 对 话 框 


(2 ) 在 “常规 ”选项 卡 的 “类 型 ”列表 中 选择 要 创建 的 文件 类 型 和 模 极 。 

在 这 里 ， 读 者 可 以 看 到 Animate CC 2018 可 创建 的 文档 类 型 有 十 来 种 ， 包 括 : 

YN HTMLS Canvas: 新 建 一 个 空白 的 FLA 文件 ， 其 发 布设 置 已 经 过 人 修改， 以便 生 成 HTML5 输出 。 
使 用 这 种 类 型 的 文档 时 ， 有 些 功能 和 工具 是 不 支持 的 。 

NN ActionScript 3.0: 创建 一 个 脚本 语言 为 ActionScript 3.0 的 FLA 文档 。 

NW AIR: 创建 可 以 运行 于 桌面 和 移动 设备 ( Android 系统 、Apple iPhone 和 iPad ) 的 AIR 应 用 程序 。 

所 ActionScript 3.0 类 : 新 建 一 个 后 缓 为 as 的 文本 文件 。 与 “ActionScript 文件 ”的 不 同 之 处 在 于 ， 
选择 该 项 时 ， 可 快速 生成 一 个 用 于 定义 类 的 基本 模板 。 

NN ActionScript 3.0 接口 : 与 ActionScript 3.0 类 
相似 ， 不 同 的 是 生成 一 个 定义 方法 声明 的 基 


本 模板 。 
NN ActionScript 文件 : 创建 一 个 后 缓 为 as 的 空 
白 叉 本 文件 。 


YN JSFL 脚本 文件 : 创建 一 个 用 于 扩展 Flash 
IDE 的 JavaScript 脚本 文件 。 

本 节 练 习 选 择 “ActionScript 3.0”。 

en 
文档 属性 。 有 关 属 性 的 具体 介绍 请 参见 1.4 市 的 介绍 ， 
本 节 练 习 保 留 默认 设置 。 

(4) 单 击 “ 确 定 ” 按 钮 关闭 对 话 框 。 即 可 创建 

个 空白 的 FLA 文件 ， 如 图 1-35 所 示 。 图 1-35 新建 的 FLA 文 件 


1.3.2 ”保存 动画 文件 
在 Animate CC 2018 中 ,保存 文件 的 方法 随 保 存 文件 的 目的 不 同 而 不 同 。 


1. 只 保存 当前 文件 
执行 “文件 、1 “保存 ”命令 。 在 弹出 的 对 话 框 中 选择 存放 文件 的 位 置 ， 然 后 在 “文件 名 ”文本 框 
中 输入 文件 名 ， 如 图 1-36 所 示 。 单 击 “ 你 和 存 ” 按 钮 ， 即 可 保存 文档 并 关闭 对 话 框 。 


ee 收藏 夫 | 
排列 方式 文件 去 > 
2 3 


渤 - -i | 


Adobe ee 


| 下 De 
| 
保生 类 型 (1): 


| 外 册 汪 文件 夫 


到 1-36 ”保存 变 件 


Animate 文档 (*.fla ) 是 Animate CC 2018 动画 的 源 文 件 ， 如 果 以 后 需要 修改 动画 内 容 ， 可 以 再 次 打 
开 进 行 修改 。 


-a 如 果 是 第 一 次 保存 该 文件 ， 则 执行 “文件 ” | “保存 ”命令 ， 弹 出 “另存 为 ”对 话 框 。 芳 
各。 ;文件 已 保存 过 ， 则 执行 “文件 ”| “保存 ”命令 时 ， 直 接 保存 文件 。 


如 末 要 将 当前 编辑 的 页 面 以 男 一 个 文件 名 保存 ， 则 执行 “文件 ”1 “为 存 为 ”他 令 。 


2. 保存 打开 的 所 有 页 面 

执行 “文件 ” | “全 部 保存 ”命令 。 

3. 以 模板 的 形式 保存 

执行 “文件 ”1 “另存 为 模板 ”命令 ， 弹 出 如 图 1-37 所 示 的 “另存 为 模板 警告 ”对 话 框 ， 提 示 用 户 
该 操作 将 清除 SWF 历史 记录 数据 。 单 击 “ 男 存 为 模板 ”按钮 ,弹出 如 图 1-38 所 示 的 “ 男 存 为 模板 ”对 话 框 。 

在 “名 称 ” 文 本 框 中 输入 模板 名 称 , 在 “类 别 ” 下拉 列 表 中 选择 模板 类 别 ,为 便于 协同 工作 ,建议 在 “ 描 
述 ” 文 本 框 中 输入 该 模板 的 简短 介绍 ， 然 后 单 击 “保存 ”按钮 。 


创建 模板 文件 后 ， 在 “新 建文 档 ” 对 话 框 的 “模板 ”选项 卡 中 可 以 看 到 创建 的 模板 文件 。 


13.3 打开 、 导 人 文件 


如 果 要 在 Animate CC 2018 中 查看 或 编辑 已 创建 的 Animate CC 2018 文件 ， 可 以 打开 该 文件 ; 如 果 要 
将 外 部 资源 应 用 到 Animate CC 2018 中 ， 可 以 使 用 导入 操作 。 


1. 打开 文件 

执行 “文件 ”1 “打开 ”命令 ， 弹 出 “打开 ”对 话 框 。 

在 “查找 范围 ”下 拉 列 表 中 找到 需要 打开 的 文件 ， 然 后 双击 该 文件 ,或 
直接 单 击 “ 打 开 ” 对 话 框 中 的 “打开 ”按钮 ， 即 可 打开 选中 的 文件 。 

如 果 打 开 多 个 Animate CC 2018 文档 ， 多 个 文档 的 名 称 将 以 类 似 选项 卡 
的 形式 排列 在 编辑 栏 的 顶端 ， 如 图 1-39 所 示 。 单 击 某 一 个 文档 的 名 称 标签 ， 
即 可 切换 到 相应 的 文档 窗口 。 图 1-39 ”新建 的 多 个 文档 


2. 导入 外 部 资源 
在 Animate CC 2018 中 可 以 导 人 多 种 类 型 的 外 部 文件 ， 例 如 声音 、 图 片 、 视 频 等 媒体 文件 。 
(1) 执行 “文件 ”1 “导入 ”命令 中 的 一 个 了 命令， 如 图 1-40 所 示 。 
4 导入 到 舞台 : 将 文件 直接 导入 到 当前 文档 中 。 
导入 到 库 : 将 文件 导入 到 当前 Animate 文档 的 库 中 。 
打开 外 部 库 : 将 其 他 的 Animate 文档 作为 库 打 开 。 
导入 视频 : 将 视频 剪辑 导入 当前 文档 中 。 
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图 1-40 ”导入 命令 


5 / 
(2 ) 在 弹出 的 “导入 ”对 话 框 中 选中 需要 导入 的 文件 ， 然 后 单 击 对 话 框 中 的 “打开 ”命令 ， 即 可 将 
选中 文件 导入 到 舞台 上 。 


如 果 导 入 的 文件 名 以 数字 结尾 ， 并 且 在 同一 文件 夹 中 还 有 其 他 按 顺 序 编号 的 文件 ， 例 如 
和 1Fra01.gif、Fra02.gif、Fra03.gif， 则 Animate 会 弹出 一 个 对 话 框 , 询问 用 户 是 否 要 导入 连续 文件 。 
< | 单 击 “是 "， 则 导入 所 有 的 连续 文件 ; 否则 只 导入 指定 的 文件 。 


1.3.4 ”使 用 模板 


使 用 模板 可 以 使 用 户 基 于 一 个 已 存在 的 布局 方式 快速 创建 Animate CC 2018 项 目 或 应 用 程序 。 
(1) 执行 “文件 ”1 “新 建 ” 命 令 ， 打开 “新 建文 档 ” 对 话 框 。 
(2 ) 单 击 “模板 ”选项 卡 ， 对 话 框框 标题 切换 为 “从 模板 新 建 ”， 如 图 1-41 所 示 。 


1 肆 
再 
9y 


图 1-41 “从 模板 新 建 ” 计 话 框 


(3 ) 在 “类 别 ” 列 表 中 选择 模板 类 型 。 

(4) 在 “模板 ”列表 中 选择 具体 的 模板 样式 。 

例如 在 “类 别 ” 中 选择 “范例 文件 "， 在 “模板 ”列表 中 选择 “Alpha 遮 罩 层 范例 ”， 此 时 在 “预览 ” 
人 如 图 1-42 所 示 。 
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图 1-42 ”选择 模板 类 型 


(5 ) 单 击 “确定 ”按钮 即 可 基于 模板 新 建 一 个 文档 ， 如 图 1-43 所 示 。 
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图 1-43 ”基于 模板 新 建 的 区 档 


(6) 对 舞台 上 的 模板 进行 修改 ， 即 可 轻松 完成 一 个 深 沈 的 遮 单 动画。 


1.4 ”设置 文档 属性 


在 开始 动画 创作 之 前 ， 必 须 进行 周密 的 计划 ， 正 确 地 设置 动画 的 放映 速度 和 作品 尺寸 。 如 果 中 途 修 
改 这 些 属性 ， 将 会 大 大 增加 工作 量 ， 而 且 可 能 使 动画 播放 效果 
与 原来 所 预想 的 相差 很 远 。 在 Animate CC 2018 中 通常 使 用 “ 属 
性 ”面板 或 “文档 设置 ”对 话 框 设 置 文档 属性 。 

执行 “修改 ”1 “文档 ”命令 ， 弹 出 如 图 1-44 所 示 的 “ 文 
档 设置 ”对 话 框 。 


1.4.1 设置 舞台 尺寸 


(1 ) 在 “单位 ”下 拉 列 表 中 选择 舞台 大 小 的 度量 单位 。 
(2 ) 在 “舞台 大 小 ”区 域 ,输入 影片 的 宽度 和 高 度 值 。 单 击 
“匹配 内 容 ” 按 钮 ， 则 自动 将 舞台 大 小 设置 为 能 刚好 容纳 舞台 上 
所 有 对 象 的 尺寸 。 OO 
役 置 舞 台大 小 时 ， 使 用 “链接 ”按钮 图 ] 可 按 比例 设置 舞台 a 
尺寸 。 如 果 要 单独 修改 高 度 或 宽度 属性 值 ， 可 单 击 该 按钮 ， 解 除 约束 比例 设置 。 
(3 ) 根据 需要 选择 “缩放 内 容 ” 选 项 。 


避 关 ，i “六 放 内 容 ” 功 能 是 指 根 据 短 台大 小 缩放 舞台 上 的 内 容 。 选中 此 选项 后 ， 各 果 油 整 了 舞台 
SS。 大 小 ,舞台 上 的 内 容 会 随 舞 台 同 比例 调整 大 小 ,如 图 1-45 所 示 。 此 外 ,选中 “缩放 内 容 ” 选项 后 


AR 


舞台 大 小 ; Oe 320 像 素 
是 


图 1-45 ”缩放 内 容 


(4) 在 “ 错 记 ”区 域 设置 舞台 尺寸 变化 时 ， 舞 台 扩展 或 收缩 的 方向 。 
例如 ， 舞 台 原始 尺寸 为 550 像素 x 400 像素 ， 如 图 1-46 (a ) 所 示 ; 选择 错 点 图 ， 修 改 舞台 尺寸 为 
320 像素 x 240 像素 ,， 单 击 “ 确 定 ”按钮 后 ,舞台 会 根据 所 选 错 点 沿 相应 方向 收缩 , 如 图 1-46 (b ) 所 示 。 


(a) (b) 
图 1-46 ”基于 锚 点 缩放 钴 各 


1.4.2 ”设置 舞台 背景 


舞台 的 默认 颜色 为 日 色 ， 可 用 作 有 影片 的 疹 景 ,在 最 终 影 片 中 的 任何 区 域 部 可 看 见 该 背景 。 
单 击 “ 舞 台 颜 色 ” 右 侧 的 颜色 框 ， 在 弹出 的 色 板 中 选择 动画 痛 


,图 而 

景 的 颜色 ， 如 图 1-47 所 示 。 用 户 选择 一 种 颜色 ， 面 板 左上 角 会 显 | 
示 这 种 颜色 ， 同 时 以 RGB 格式 显示 对 应 的 数值 。 站 -所 
Animate CC 2018 支持 透明 画布 背景 ， 在 图 1-47 所 示 的 色 板 右 县 上 HH 
上 和 角 设 置 Alpha:% 的 值 可 以 指定 透明 度 级 别 ; 单 击 “无 色 ” 按 乌 - - 下 
国 ， 可 将 舞台 颜色 完全 设置 为 透明 。 时 
人 | -图 | 
捍 示 : : z ” 国 ” 国 国 国 

& ; ”可 以 将 位 图 导入 Animate CC 2018， 然 后 将 它 放置 在 
人。 | 舞台 的 最 底层 ， 这 样 它 可 材 盖 和 舞台， 作为 着 景 。 图 1-47 ”设置 舞台 青衣 颜色 


1.4.3 ”设置 帧 频 
“ 帆 频 ”表示 动画 的 放映 速度 ， 单 位 为 帧 / 秒 。 默 认 值 24 对 于 大 多 数 项 目 已 经 足够 ， 当 然 ， 用 户 也 


提示 : | ”设置 文档 属性 以 后 , 如 果 希 望 以 后 新 建 的 动画 文件 都 沿用 这 种 设置 , 可 以 单 击 “ 文 档 设置 ” 
和 ;对 话 框 底部 的 “ 设 为 点 认 值 ”按钮 ， 将 它 作为 默认 的 属性 设置 ; 如 果 不 想 设置 为 默认 属性 ， 音 
击 “ 确 定 ” 按 钮 即 可 完成 当前 文档 属性 的 设置。 


om IE 国有 。 ee me。 


知识 拍 展 : 


设置 文档 类 
使 用 ActionScript 3.0 时 ，SWF 文件 可 以 关联 一 个 顶级 类 ， 此 类 称 为 文档 类 。Flash Player 载 入 这 种 
SWF 文件 后 ， 将 创建 此 类 的 实例 作为 SWF 文件 的 顶级 对 象 。SWF 文件 的 该 对 象 可 以 是 用 户 选择 的 任何 目 定 
义 类 的 实例 。 
如 果 要 为 当前 文档 关联 一 个 文档 类 ， 可 以 在 如 图 1-48 所 示 的 文档 属性 面板 的 “文档 类 ”文本 框 中 ， 输 入 
ActionScript 文件 的 路 径 和 文件 名 。 或 单 击 “ 编 辑 类 定义 ”按钮 用 ,在 弹出 的 对 话 框 中 输入 文档 类 信息 ,如 图 1-49 
所 示 。 


创建 ActionScript 3.0 类 


1.5 标尺、 网 格 和 辅助 线 


为 了 更 好 地 进行 人 创作， 时常 需 要 使 用 辅助 工具 ， 如 显示 工作 区 网 格 、 标 下 和 辅助 线 。 这 些 辅助 工具 
不 会 导入 最 终 电影 ， 仪 在 Animate CC 2018 的 编辑 环境 中 可 见 ， 便 于 精确 定位 对 象 。 


1.5.1 设置 标尺 
使 用 标尺 可 以 很 方便 地 布局 对 象 ， 并 能 了 解 编 辑 对 象 的 位 置 。 


执行 “视图 ”1 “标尺 ”命令 ， 即 可 在 工作 区 的 左 沿 和 上 沿 显示 标尺 ， 如 图 1.50 所 示 。 再 次 执行 该 


图 1-50 ”显示 标尺 


水 平和 垂直 方向 的 标尺 都 以 工作 区 左上 角 为 原点 。 在 工作 区 或 舞台 上 移动 对 象 时 ， 在 水 平和 垂直 标 
尺 上 将 分 别 显示 两 条 红线 ， 指 示 该 元 素 的 坐标 和 尺寸 。 


1.S.2 ”设置 网 格 


网 格 用 于 精确 地 对 齐 、 缩 放 和 放置 对 象 。 它 不 会 导出 到 最 终 影片 中 ， 仅 在 Animate CC 2018 的 编辑 
环境 中 可 见 。 

执行 “视图 ”1 “网 格 ” | “显示 网 格 ” 命 令 ， 即 可 在 舞台 上 显示 网 格 ， 如 图 1-51 所 示 。 

默认 的 网 格 颜色 为 浅 灰色 ， 大 小 为 10 像素 x 10 像素 。 如 果 网 格 的 大 小 或 颜色 不 合适 ， 可 以 通过 以 
下 步 又 修改 网 格 属性 。 

(1 ) 执行 “视图 ”1 “网 格 ” | “编辑 网 格 ”命令 ， 弹 出 如 图 1-52 所 示 的 “网 格 ”对 话 框 。 
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图 1-51 显示 网 格 图 1-52 “网 格 ” 对 话 框 


(2 ) 单 击 颜色 图 标 ， 然 后 从 拾 色 兰 中 选择 一 种 颜色 ， 即 可 设置 网 格 的 颜色 。 

(3 ) 选中 “显示 网 格 ” 复 选 框 可 以 显示 网 格 ， 反 之 则 隐藏 网 格 。 

(4) 选中 “在 对 象 上 方 显示 ” 复 选 枉 ， 则 舞台 上 的 对 象 也 将 被 网 格 履 斋 ， 效 朱 如 图 1-53 所 示 。 
(5 ) 选中 “ 巾 紧 至 网 格 ” 复 选 框 后 ， 当 移动 钴 全 上 的 物体 时 ， 网 格 对 物体 会 有 轻 币 的 吸附 作用 。 


(6 ) 根据 需要 ， 可 以 在 gm 和 国文 本 框 中 输入 网 格 单元 的 宽度 和 高 度 ， 以 像素 为 单位 。 
(7) 在 “ 贴 紧 精 确 度 ”下 拉 列 表 中 设置 对 象 对 齐 网 格 的 精确 程度 ， 如 图 1-54 所 示 。 
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图 1-54 设置 对 齐 的 精确 度 


(8 ) 单 击 “ 保 存 默认 值 ” 按 钮 ， 可 以 将 当前 设置 保存 为 默认 值 。 设 置 完毕 后 ， 单 击 “ 确 定 ” 按 钮 关 
闭 对 话 框 。 


1.5.3 ”设置 辅助 线 


在 显示 标尺 时 ， 还 可 以 从 标尺 上 将 水 平 辅助 线 和 和 栈 下 辅助 线 拖 动 到 舞台 上 。 使 用 辅助 线 可 以 更 精确 
地 排列 图 像 ， 标 记 图 像 中 的 重要 区 域 。 第 用 的 辅助 线 操作 有 添加 、 移 动 、 锁 定 、 删 除 等 。 


提示 : | 人 标尺 上 拖 下 的 辅助 线 只 能 是 水 平 或 秋 直 方向 的 ， 如 果 要 创建 自 定义 二 
< 和 ; 助 八 ， 可 以 使 用 引导 层 。 有 关 引 导 层 的 介绍 将 在 后 续 章节 中 介绍 。 

1. 添加 辅助 线 

将 鼠标 指针 移 到 水 平 标 尺 上 ， 按 住 鼠 标 左 键 向 下 拖 动 ， 此 时 的 鼠标 指针 变 为 Ne ， 如 图 1-55 所 示 。 抢 
动 到 文档 中 合适 的 位 置 释 放 ， 即 可 添加 一 条 蓝 色 的 辅助 线 ， 如 图 1-56 所 示 。 


图 1-55 ” 拖 动 鼠标 图 1-56 ”添加 的 辅助 线 


按照 同样 的 方法 可 以 添加 垂直 方 加 的 辅助 线 。 


辅助 线 时 显示 网 格 ， 并 且 开 启 了 “ 贴 紧 至 网 格 ” 命 令 ， 则 添加 的 辅助 线 将 与 


$$ |! 
人 /YZ | 网 格 对 齐 。 


2. 移动 辅助 线 


如 果 需 要 移动 辅助 线 的 位 置 ， 可 以 单 击 绘 图 工具 箱 中 的 “选择 工具 ”按钮 圈 ， 然 后 将 鼠标 指针 移 到 
辅助 线 上 , 当 鼠 标 指 针 变 成 kz 时 , 按 下 忌 标 左 键 并 拖 动 辅 助 线 , 此 时 辅助 线 的 目标 位 置 变 为 黑色 , 如 图 1-57 
所 示 。 释 放 鼠 标 即 可 改变 辅助 线 的 位 置 。 


图 1-57 移动 辅助 线 


3. 锁定 辅助 线 

编辑 图 像 时 ， 如 果 不 希 望 已 经 定位 好 的 辅助 线 被 随便 移动 ， 还 可 以 将 其 锁定 。 

执行 “视图 ”1 “辅助 线 ” 1 “锁定 辅助 线 ” 命 令 ， 即 可 锁定 辅助 线 ， 锁 定 后 的 辅助 线 不 能 被 移动 ， 
如 图 1-58 所 示 ， 将 鼠标 指针 移 到 辅助 线 上 时 ， 不 显示 可 移动 状态 的 指针 KR. 。 


图 1-58 锁定 辅助 线 


再 次 执行 “视图 ”1 “辅助 线 ” | “锁定 辅助 线 ” 命 令 ， 即 可 解除 对 辅助 线 的 锁定 。 

4. 删除 辅助 线 

如 有 果 想 删除 不 需要 的 辅助 线 ， 只 宕 将 其 拖 动 到 标尺 上 即 可 。 

执行 “视图 ” | “辅助 线 ” 1 “请 除 辅助 线 ” 命 令 ， 可 以 一 次 性 清除 工作 区 中 的 所 有 辅助 线 。 

5. 显示 或 隐藏 辅助 线 

执行 “视图 ”1 “辅助 线 ”1 “显示 辅助 线 ” 谷 令 , 可 以 显示 或 隐藏 辅助 线 。 在 文档 中 添加 辅助 线 时 ， 
Animate CC 2018 会 日 动 将 辅助 线 设 置 为 显示 状态 。 


6. 对 齐 辅助 线 

使 用 辅助 线 的 吸附 功能 可 以 很 方便 地 对 齐 多 个 对 象 。 

执行 “视图 ”| “ 贴 紧 ”1 “ 贴 紧 至 辅助 线 ” 命 令 。 在 文档 中 创建 或 移动 对 象 时 ， 就 会 自动 对 齐 距 
离 最 近 的 辅助 线 。 

再 次 执行 该 命令 ， 即 可 取消 辅助 线 的 吸附 功能 。 


提示 
| 如 当 畏 助 线 位 于 网 格 线 之 问 时 ， 优 先 贴 紧 至 辅助 线 。 


7. 设置 辅助 线 参 数 
执行 “视图 ”| “辅助 线 ” 1 “编辑 辅助 线 ”命令 ， 弹 出 如 
1-59 所 示 的 “辅助 线 ” 对 话 框 。 在 其 中 可 以 设置 辅助 线 的 各 项 


参数 ， 包 括 辅 助 线 的 颜色 等 。 risa 取消 
3 颜色 : 设置 辅助 线 的 颜色 。 忆 定 畏 且 线 (6) 二 入 
显示 辅助 线 : 在 工作 区 中 显示 辅助 线 。 贴 紧 精 确 度 (c: 一般 人 i 
NN 贴 紧 至 辅助 线 : 激活 辅助 线 的 吸附 功能 。 C 
9 锁定 辅助 线 : 锁定 工作 区 中 的 辅助 线 。 图 1-59 “辅助 线 ” 对 话 框 


9 贴 紧 精 确 度 : 用 于 选择 对 架 对 齐 辅助 线 的 精确 度 。 
9 全 部 清除 : 清除 当前 场景 中 的 所 有 辅助 线 。 
9 保存 默认 值 : 将 当前 设置 保存 为 默认 设置 。 
设置 完毕 后 ， 单 击 “ 确 定 ” 按 钮 关闭 对 话 框 。 


1.6 ”配置 Animate CC 2018 工作 环境 
在 Animate CC 2018 中 ， 用 户 可 以 根据 自己 的 需要 与 习惯 对 操作 界面 进行 设置 。 


1.6.1 设置 工作 区 布局 模式 


单 击 Animate CC 2018 标题 栏 上 的 “工作 区 布局 模式 ”按钮 ， 在 弹出 的 下 拉 列 表 中 可 以 选择 襄 欢 的 
工作 区 布局 ， 如 图 1-60 所 示 。Animate CC 2018 提供 七 种 工作 区 布局 预 设 外 观 模式 ， 能 满足 不 同 层 次 和 
不 同 需 要 的 动画 制作 人 员 ， 默 认为 基本 功能 布局 模式 。 


图 1-60 工作 区 模式 


1.6.2 移动 时 间 币 和 面 极 

时 间 轴 面板 默认 位 于 工作 区 的 下 方 ， 两 者 相对 固定 。 将 鼠标 指针 移动 到 时 间 轴 面板 标题 栏 上 ， 然 后 
按 下 鼠标 左 键 进行 拖 动 ， 可 以 将 时 间 轴 从 Animate CC 2018 主 窗 口中 脱离 并 保持 漂浮 ， 这 时 可 以 将 它 移 
动 到 屏幕 的 任何 地 方 ， 如 图 1-61 所 示 。 


一; 天 本 
嚼 图 层 -1 4 四 。 ， 


中 四 站 


峙 面板 


图 1-61 浮动 前 时 间 ; 
单 击 浮动 的 时 间 轴 标题 栏 右上 角 的 “ 折 闪 为 图 标 ” 按 钮 如， 即 可 将 时 间 轴 面板 折 炙 为 图 标 ; 单 击 折 
羡 后 的 时 间 轴 面板 图 标 图 或 标题 栏 右上 角 的 “展开 面板 ”按钮 了 ， 可 以 展开 时 间 轴 面板 。 
劣 你 一 罗 


通过 调整 时 间 轴 面板 的 高 度 ， 可 以 根据 需要 显示 时 间 轴 面板 中 图 层 的 数量 。 将 鼠标 指针 置 于 分 隔 时 
闻 轴 面板 和 工作 区 的 直线 上 ， 此 时 鼠标 指针 将 变 为 双向 箭头 。 按 住 鼠标 左 键 拖 动 到 合适 的 位 置 ， 然 后 杰 
放 鼠 标 左 键 ， 即 可 调整 时 间 轴 面板 的 高 度 。 


1.6.3 上 机 练习 一 一 设置 快捷 键 


~ 穆 回 “快捷 键 是 制作 动画 的 一 个 好 帮手 ， 使 用 得 当 可 以 大 大 提 
SS 一 目标 是 Sah SE Pi 的 快 提 雏 ， eq 


快捷 键 


A 远 叶 先 执行 “编辑 ” | “快捷 甸 ”命令 ge 选择 要 设置 
图 四 ， 然 后 在 键盘 上 按 下 要 设置 的 快捷 键 ， 操 作 结 果 如 图 1-62 所 示 。 


和 


搬 崩 个 选 Chrl+Z 
重复 不 选 Ctrl+¥ 


莫 切 人 T) Ctrl 十 其 
复制 (C) Ctrl+C 
粘贴 到 中 心 位 置 (p) Ctrl+V 
粘贴 到 当前 位 置 (IJ) Ctrl+Shift+V 


清除 (A) A Backspace 


直接 复制 (D) Ctrl+D 
全 选 (1) Ctrl+A 
取消 全 选 (V) Ctrl+Shift+A 
反 转 选区 们 ) 


音 找 和 普 换 ( Ctrl+F 
查找 下 一 个 (X) F3 


时 间 轴 (NM) » 
编辑 元 件 Ctrl+E 
编辑 所 选项 目 伐 

在 当前 位 置 编 辑 (E) 


首选 参数 (S)..… Ctrl+U 
字体 映射 (6).. 
快捷 鲜 ( 向 … 


图 1-62 ”查看 已 定 浆 的 快捷 键 


(1) 执行 “编辑 ”1 “快捷 键 ” 命 令 ， 弹 出 “键盘 快捷 键 ” 对 话 框 ， 在 这 里 可 以 设置 各 种 操作 命令 
的 键盘 快捷 方式 ， 如 图 1-63 所 示 。 


键盘 布局 预 设 : 点 计 组 品读)》 


全 和 开 对 外 


同步 


” 蝙 辑 


县 制 到 芋 贴 板 


图 1-63 “ 键 益 快 捷 键 ”对 话 框 


(2 ) 在 “键盘 布局 预 设 ” 下 拉 列 表 中 ， 选 择 “ 上 默认 组 ( 只 读 》。 

(3 ) 在 “命令 ”列表 中 ， 单 击 命令 名 称 左 侧 的 展开 图 标 国 ， 即 可 展开 选中 命令 中 的 所 有 操作 。 

(4 ) 选中 其 中 的 一 个 操作 , 例如 “编辑 ”命令 下 的 “选择 性 粘贴 ”操作 ,“ 添 加 ”按钮 变 为 可 用 状态 ， 
如 图 1-64 所 示 。 

(5 ) 单 击 “ 添 加 ”按钮 ， 或 者 直接 在 “快捷 键 ” 区 域 单 击 ， 然 后 在 键盘 上 按 下 要 设置 的 快捷 键 ， 例 
如 AltrC， 即 可 定义 一 个 新 的 快捷 键 ， 如 图 1-65 所 示 。 
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Animate Ee 5 到 


硅 晕 布局 祯 伙 : 戴 砖 组 {只 侠 ) 


选择 性 粘贴 

夏 制 NR 
器 上 穆 动 所 选 内 罕 
向 下 移动 所 选 内 容 


自制 到 剪贴 板 


图 1-64 


硅 盘 币 同 页 


选择 佳 若 巾 


复制 
| 器 上 移动 所 选 内 容 


市 | 到 前 趾 板 


删 | 除 所 选 内 容 

根据 选择 的 格式 粘贴 划 贴 板 内 容 
曼 制 所 车 褒 容 井 将 其 大 到 观 贴 铝 上 
回 上 移 动 刀 六 先 内 容 

同 下 移动 所 选 内 容 


做 树 要 让 置 快捷 键 的 操作 


删除 所 选 内 容 

根据 生生 格式 粘贴 蔓 贴 板 内 1 

明 制 及 选 内 容 并 将 其 丰 到 前 Mt 板 上 
同上 称 动 所 选 内 容 


撒 清 梁 加 


图 1-65 ”定义 快捷 键 


如 果 按 下 的 快捷 键 已 用 于 其 他 命令 ,将 删除 该 命令 对 应 的 快捷 键 。 单 击 “ 转 到 冲突 "按钮 ， 
可 以 查看 有 冲突 的 命令 。 此 种 情况 下 ， 建 议 单 击 “ 撤 销 ” 按 钮 撤销 已 添加 的 快捷 键 ， 和 


(6) 单 击 “ 确 定 ” 按 钮 关闭 对 话 框 。 此 时 在 “编辑 ”六 单 中 可 以 看 到 目 定 义 的 快捷 键 ,如 图 1-65 所 示 。 


兴 2、 为 


1 


EK 


单 击 “ 键 盘 快捷 键 ”对 话 框 右上 角 的 “以 新 名 称 保存 当前 的 快捷 键 组 ”按钮 圈 ， 可 以 把 Animate CC 


2018 快捷 键 导 出 为 HTML 文件， 使 用 标准 浏 


览 器 查看 和 打印 此 文件 。 


\ AN 
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1.7 和 营 疑 解 误 


1. Animate CC 2018 是 一 款 什 么 样 的 软件 ? 

答 : Animate CC 2018 是 Adobe 最 新 开发 的 新 型 HTML 动画 编辑 软件 ， 提 供 众 多 实用 的 设计 工具 ， 
可 帮助 用 户 在 不 用 写 代 码 的 情况 下 完成 简单 的 交互 动 效 实现 ， 让 网 页 设计 人 员 轻 松 制作 适用 于 网 页 、 数 
字 出 版 、 多 媒体 广告 、 应 用 程序 、 游 戏 等 用 途 的 互动 式 HTML 动画 内 容 。Animate CC 2018 对 HTMLS5 
Canvas 和 WebGL 等 多 种 输出 提供 原生 支持 ， 并 可 以 进行 扩展 以 支持 SnapSVG 等 自 定 义 格式 。 

2. Animate CC 2018 动画 背景 可 以 透明 吗 ? 

答 : 可 以 透明 ， 在 文档 的 属性 面板 中 选择 透明 色 即 可 。 

3. 操作 时 ， 和 舞台 布局 不 慎 发 生变 化 ， 如 何 恢复 基本 功能 布局 ? 

答 : 执行 “窗口 ”1 “工作 区 ”1 “基本 功能 ”命令 。 

4. 怎样 在 不 修改 动画 内 容 的 前 提 下 ， 控 制 动 画 中 物体 运动 的 速度 ? 

答 : 执行 “修改 ”1 “文档 ”命令 ， 在 弹出 的 “文档 设置 ”对 话 框 中 修改 帧 频 。 

5. 为 什么 看 不 到 舞台 左上 角 的 “场景 1” 按 钮 ? 

答 : 执行 “窗口 ” | “编辑 栏 ”命令 ， 即 可 显示 编辑 栏 ， 并 看 到 “场景 1” 按钮 。 


1.8 ”学习 效果 目测 


一 、 选 择 题 
1. 不 修改 时 间 轴 上 的 帧 ， 对 ( 。” ”) 参数 进行 改动 可 以 让 动画 播放 的 速度 更 快 些 。 

A. Alpha 值 B. 舞台 背景 C. 舞台 矿 才 D. 帆 频 
2. 安江 Animate CC 2018 的 最 低 内 存 要求 是 ( )。 

A. 2GB B. 256MB C. 512MB D. 1GB 
3. Animate CC 2018 的 默认 帧 频 为 ( ””) 帧 / 秒 。 

A.30 B. 12 C. 24 D. 15 
4. 在 舞台 上 需要 使 用 辅助 线 功能 ， 其 前 提 条 件 是 ( )。 

A. 标尺 必须 显示 B. 网 格 必须 显示 

C. 义 选 对 齐 功能 D. 没什么 要 求 


5. 关于 Animate CC 2018 中 的 网 格 功 能 ， 下 列 描述 正确 的 是 ( )o 
A. 选 中 “ 贴 紧 至 网 格 ” 复 选 框 后 ， 在 拖 动 工作 区 内 的 实例 时 ， 当 实例 的 边缘 靠近 网 格 线 时 ， 就 会 
自动 吸附 到 网 格 线 上 
B. 网 格 的 颜色 是 固定 不 变 的 
C. 不 可 设置 网 格 的 宽度 或 高 度 
D. Animate CC 2018 默认 显示 网 格 
二 、 判 断 题 
1. 在 安装 Animate CC 2018 时 ， 必 须 安 装 到 本 地 磁盘 的 C 盘 中 。( ) 
2. Animate CC 2018 只 支持 Windows 操作 系统 ， 并 不 支持 苹果 操作 系统 。( ) 
3. 在 最 终 输 出 的 动画 中 ， 只 显示 舞台 内 容 ， 不 显示 粘贴 板 中 的 内 容 。( ) 
三 、 填 空 题 
1. 时 间 轴 面板 是 用 于 进行 动画 创作 和 编辑 的 主要 工具 ， 可 分 为 两 大 部 分 : 


AAnimaeieEcGi2018 
文 版 沁 膨 瑟 查 高 


2. 在 “舞台 大 小 ”区 域 单 击 “ 匹 配 内 容 ” 按 钮 ， 则 自动 将 舞台 大 小 设置 为 ”  _。 
3. 在 “文档 设置 ”对 话 杠 中， 缩放 内 容 ” 功 能 是 指 。 选 中 此 选项 后 , 如 果 调 整 了 舞台 大 小 ， 
舞台 上 的 内 容 会 


四 、 操 作 题 
1. 安装 Animate CC 2018 。 
2. 认识 Animate CC 2018 的 界面 组 成 。 


动画 是 在 平面 的 基础 上 进行 创作 的 。 作 为 一 个 动画 制作 的 专业 软 

件 , Animate CC 2018 提供 大 量 用 于 创作 、 管 理 和 处 理 矢 量 图像 的 工具 ， 
不 必 借 助 图 像 处 理 软件 就 可 以 创建 出 精彩 、 丰 富 的 视觉 效果 。 工 欲 善 
其 事 ， 必 先 利 其 器 ， 本 节 将 对 Animate CC 2018 绘图 工具 箱 中 的 各 种 
工具 进行 简单 的 介绍 。 


@OS® 


绘图 模型 
笔触 工具 
选取 工具 
形状 工具 
色彩 工具 
修改 工具 
视图 工具 
3D 转换 工具 


2.1 绘图 模型 


在 熟悉 使 用 绘图 工具 之 前 ， 先 介绍 一 下 Animate CC 2018 中 的 两 种 绘图 模型 : 合并 绘制 模型 和 对 象 绘 
制 模型 。 
2.1.1 合并 绘制 模型 

所 请 “合并 绘制 ”模型 ， 顾 名 思 义 ， 是 指 绘 制 的 图 形 重 着 时 ， 图 形 会 上 自动 进行 合并 。 如 果 选 择 的 图 
形 已 与 其 他 图 形 合并 ， 移 动 它 会 永久 改变 其 下 方 的 图 形 。 例 如 ， 在 红色 椭圆 上 疼 加 一 个 蓝 色 的 六 边 形 ， 
然后 选取 六 边 形 并 将 其 移 开 ， 则 会 删除 椭圆 上 与 六 边 形 重 芭 的 部 分 ， 如 图 2-1 所 示 。 夺 要 重 半 形状 而 不 
改变 形状 的 外 形 ， 则 必须 在 不 同 的 图 层 中 分 别 绘制 形状 。 

Animate CC 2018 默认 状态 下 采用 合并 绘制 模型 绘图 。 选 中 支持 对 和 象 绘制 模型 的 工具 后 ， 在 工具 箱 的 
底部 单 击 图 图标 ， 如 图 2-2 所 示 。 即 可 切换 到 对 象 绘制 模型 。 再 次 单 击 ， 则 恢复 到 合并 绘制 模型 。 


@ 


图 2-1 合并 绘制 模型 图 2-2 切换 给 制 模 型 


2.1.2 对 名 纵 制 模型 


采用 “对 和 象 绘制 ”模型 绘制 的 图 形 是 独立 的 对 象 ， 在 登 加 时 不 会 目 动 合并 。 分 离 或 重 排 重 登 图 形 时 ， 
也 不 会 改变 它们 的 外 形 。 选 择 用 对 象 绘制 模型 创建 的 图 形 时 , Animate CC 2018 会 在 图 形 上 添加 蓝 色 边框 ， 
单 击 边框 然后 拖 动 图 形 即 可 移动 该 对 象 ， 如 图 2-3 所 示 。 


画 2-3 对象 绘制 模型 


文 持 “ 对 象 绘制 ”模型 的 绘图 工具 有 铅笔 、 线 条 、 钢 笔 、 夯 笔 、 椭 加 、 甜 形 和 多 边 形 工具 。 


2.2 笔触 工具 
笔触 工具 通常 用 于 绘制 矢量 线条 。 


2.2.1 线条 工具 


“线条 工具 ” 贺 专 门 用 于 绘制 各 种 不 同方 向 的 矢量 直线 段 。 

( 1 ) 新 建 一 个 文档 ， 选 择 绘图 工具 箱 中 的 “线条 工具 ” 贺 . 

( 2 ) 在 属性 设置 面板 中 对 线条 的 笔触 颜色 、 线 条 宽度 和 风格 、 笔 触 样式 和 路 径 终点 的 样式 进行 设置 ， 
如 图 2-4 所 示 。 

9 笔触 颜色 : 单 去 笔触 颜色 图 标 加 用 中 的 双 块 ， 在 价 出 的 颜色 选择 面板 中 选择 线条 的 颜色 。 

S 对象 绘制 模式 关闭 : 关闭 / 打开 对 象 绘制 模式 。 默 认 情 况 下 关闭 对 象 绘制 模式 ， 单 击 打开 。 

9 笔触 : 可 以 直接 在 文本 框 中 输入 线条 的 宽度 值 ， 也 可 以 拖 动 滑 块 调节 线条 的 宽度 ， 如 图 2-5 所 示 。 

S 样式: 用 于 设置 线条 风格 。 和 包括 七 种 可 以 选择 的 线条 风格 ， 如 图 2-6 所 示 。 


图 2-4 ”线条 工具 的 属性 面板 图 2-5 设置 笔触 大 沾 图 2-6 设置 线条 风格 


YN 宽度 : 设置 可 变 宽 度 的 样式 。 默 认 情 况 下 ,使 用 线条 工具 绘制 的 线条 各 部 分 的 宽度 是 相同 的 ， 使 
用 可 变 宽度 选项 , 可 以 绘制 笔触 大 小 不 均匀 的 线条 。 该 选项 的 下 拉 列 表 中 包括 七 种 可 变 宽 度 样 式 ， 
如 图 2-7 所 示 ， 默 认为 “均匀 ?”。 

Animate CC 2018 还 可 以 精确 地 绘制 笔 甬 的 接合 点 及 疹 点 。 

YN 缩放 : 设置 在 Flash Player 中 缩放 笔触 的 方式 。 其 中 ,“ 一 般 ” 指 始终 
缩放 粗细 ， 是 Animate CC 2018 的 默认 设置 ;“ 水 平 ” 表 示 仅 水 平 缩放 
对 旬 时 ， 不 缩放 粗细 ;“ 重 直 ” 表 示 仅 垂直 缩放 对 象 时 ， 不 缩放 粗细 ; 
“无 ”表示 从 不 缩放 粗细 。 

Ya 提示 : 单 击 “ 提 示 ” 复 选 框 ， 可 以 启用 笔触 提示 ， 在 全 像素 下 调整 线 
条 锚 记 点 和 曲线 锚 记 点 ， 防 止 出 现 模糊 的 重 直 或 水 平 线 。 

和 端点 : 设 定 路 径 终 点 的 样式 。 

接合 : 定义 两 条 路 径 的 相 接 方式 。 

和 尖 角 : 当 接合 方 式 选 择 为 “ 尖 角 ”时 ， 为 了 避免 尖 角 接合 倾斜 而 输入 的 一 个 尖 角 限制 。 超 过 这 个 
值 的 线条 部 分 将 被 切 成 方形 ， 而 不 形成 尖 角 。 


妈 2-7 ”设置 可 变 宽 度 的 样式 


i 


设置 矢量 线 样 式 的 更 多 属性 
如 果 需 要 对 矢量 线 进行 更 详细 的 设置 ,可 单 击 属性 面板 中 “样式 ” 右 侧 的 “编辑 笔触 样式 ” 按钮 图 ,打开 “ 笔 
触 样式 ”对 话 框 ， 如 图 2-8 所 示 。 


图 2-8 “笔触 样式 ”对 话 框 


4 倍 缩放 : 将 预 贞 区域 帮 大 4 倍 ， 便 于 用 户 观 看 设置 属性 后 的 效果 。 


所 粗细 : 定义 矢量 线 的 宽度 ， 单 位 是 “点 。 

YN 锐 化 转角 : 使 直线 的 转折 部 分 更 加 尖锐 。 

YN 类 型 : 设置 线 型 。 选 树 具体 的 线 型 后 ,会 显示 不 同 的 选项 ,方便 用 户 进 一 步 设 置 各 种 线 型 的 属性 。 
注意 ， 选 择 非 实心 笔触 样式 会 增加 文件 的 大 小 。 


用 户 对 矢量 线 的 线 型 、 线 宽 以 及 颜色 的 修改 结果 都 会 显示 在 “笔触 样式 ”对 话 框 左上 角 / 
的 预览 框 内 。 如 果 在 舞台 上 没有 选择 矢量 线 ， 则 当前 的 设置 会 对 以 后 绘制 的 直线 、 曲 线 发 生 ; 


注意。 作用 ， 否 则 将 只 修改 当前 选择 的 矢量 线 。 


按 住 Shift 键 皂 动 鼠标 可 将 线条 方向 限定 为 水 平 、 垂 直 或 斜 疝 4$? 方向 。 


第 一 条 线段 的 末尾 按 下 鼠标 左 键 ， 然 后 拖 动 鼠标 直到 
后 释放 鼠标 ， 即 可 绘制 另 一 条 线段 ， 如 图 2-9 所 示 。 
由 于 “视图 ” | “ 贴 紧 ” | “ 贴 紧 至 对 象 ” 命 令 默认 开启 ， 在 绘制 一 条 线段 后 ， 
如 果 线 段 的 端点 连接 到 另 一 条 线条 的 端点 时 , 鼠标 指针 会 变 成 圆 形 , 并 自动 连接 在 一 起 ， 


如 图 2-9 所 示 。 如 采取 请 选中 “ 贴 紧 2 


对 象 ”命令 ， 则 线条 和 线条 之 间 的 节点 连接 会 很 图 2_9 ”绘制 线条 


2.2.2 ”从 笔 工具 


与 “线条 工具 ” 相 比 ， 
方法 与 “线条 工 J 
的 形状 ， 完 


“铅笔 工具 ” 国 林 以 绘制 出 更 自然 、 和 柔和 的 直线 或 曲线 。 “铅笔 工具 ”的 使 用 
具 ” 基 本 相同 ， 议 置 铅笔 属性 后 ， 在 舞台 上 线条 开始 的 位 置 按 下 鼠标 左 键 拖 动 绘制 需要 


后 ， 释 放 忌 标 即 可 。 与 “线条 工具 ”类似 ， 按 住 Shift 键 的 同时 拖 动 鼠 标 可 将 线条 方 癌 限制 


为 4$" 的 倍数 。 
在 工具 箱 中 选择 “ 铬 笔 工 具 ” 后 ， 在 工具 箱 撒 部 可 以 看 到 三 种 铅笔 模式 ， 如 图 2-10 所 示 。 
YM 伸 直 : 绘制 出 来 的 曲线 趋向 于 规则 的 图 形 。 选 择 这 种 模式 后 ， 使 用 铅笔 绘制 图 形 时 ， 只 要 按 事先 
预想 的 轨迹 描述 ，Animate CC 2018 会 自动 将 曲线 进行 规整 。 若 要 绘制 一 个 椭圆 ， 只 要 利用 铅笔 
工具 绘制 出 一 个 接近 椭圆 的 曲线 , 松 开 鼠标 时 , 该 曲线 会 自动 规整 成 为 一 个 椭圆 ， 如 图 2-11 所 示 。 


时 水 松 开 鼠 标 前 松 开 鼠 标 后 
图 2-10 铬 笔 模式 到 2-11 使 用 “ 伸 直 ”铅笔 模式 


和 平滑 : 尽 可 能 地 消除 图 形 边 缘 的 棱角 ， 使 矢量 线 更 加 光滑 ， 如 图 2-12 所 示 。 选 择 这 种 模式 后 ， 
可 以 在 “铅笔 工具 ”的 属性 面板 上 设置 具体 的 平滑 值 。 平滑 值 越 大 ， 线 越 平 消 。 

YN 墨水 : 对 绘制 的 曲线 不 做 任何 调整 ， 更 加 接近 手工 绘制 的 矢量 线 。 例 如 ， 选 择 较 粗 的 笔画 ， 然 后 
在 舞台 上 拖 动 息 标 ， 即 可 得 到 如 图 2-13 所 示 的 矢量 线 效 果 。 


图 2-12 使 用 “平滑 ”铅笔 模式 图 2-13 使 用 “本 水 ”铅笔 模式 
只 你 一 为 
人 2、 为 


选择 的 铝 笔 模式 将 在 绘图 时 被 应 用 到 绘制 的 线条 上 ， 也 可 以 选中 画 好 的 线条 后 , 单 去 “ 伸 直 ”或 “ 平 
滑 ”按钮 ， 对 选中 的 线条 进行 相应 的 修饰 。 


2.2.3 ”上 上 机 练习 


绘制 冰淇淋 


久富 馈 加 校 下 来 使 用 这 两 种 工具 从 制 一 个 冰 洪 汀 。 通 过 绘制 步 瑟 的 详细 。 ”六 风 
导 汪 日 同 计 和 钟 ， 读 者 应 能 熟练 掌握 给 制 线条 、 设 置 铝 笔 模式 和 编辑 线条 a 


es :2-1 上 机 练习 一 一 绘制 
的 方法 。 冰 沪 淋 


a 
Ai 设计 修改 线条 弧度 ， 然 后 使 用 “铅笔 工具 ”绘制 冰淇淋 和 樱桃 。 绘 
- 制 过 程 中 注意 要 根据 需要 切换 铝 笔 模式 ， 最 终 效果 如 图 2-14 | 
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中 中 
中 9 
中 中 
时 FFFYYY FEE 芭 虽 单 二 二 台 [| 和 Fra FPF FFFYY FrFEYTY 时 [| FE 


(1 ) 执行 “文件 ”1 “新 建 ”命令 ,在 弹出 的 “新 建文 档 ” 对 话 框 中 选择 “ 常 
规 ” 选 项 卡 ， 在 “类 型 ”列表 中 选择 “ActionScript 3.0”， 然 后 单 击 “ 确 定 ” 按 钮 。 
(2 ) 在 工具 箱 中 选择 “线条 工具 ”， 在 属性 面板 上 设置 笔触 颜色 为 黑色 ， 笔 触 ”图 2 -14 冰淇淋 效果 图 


大 小 为 1， 在 舞台 上 绘制 三 条 线段 ， 如 图 2-15 所 示 。 

(3 ) 打开 工具 箱 ， 单 击 “ 选 择 工 具 ”， 将 鼠标 指针 移 到 三 角形 顶端 的 线条 上 ， 当 鼠标 指针 变 为 包 时 ， 
按 下 鼠标 左 键 向 下 拖 动 ， 调 整 线 条 的 弯曲 度 ， 如 图 2-16 所 示 。 移 到 合适 的 位 置 时 释放 鼠标 。 

(4 ) 切换 到 “线条 工具 ”， 在 属性 面板 上 设置 笔触 颜色 为 浅 棕色 (#996600 )， 笔 触 大 小 为 2， 绘制 一 
组 线条 ， 如 图 2-17 所 示 。 


图 2-15 ”绘制 线段 图 2-16 ”调整 线段 弯曲 度 图 2-17 添加 线条 


(5 ) 使 用 第 (3 ) 步 同 样 的 方法 调整 线条 的 索 曲 度 ， 效 果 如 图 2-18 所 示 。 

(6 ) 使 用 第 (4) 步 同 样 的 方法 添加 一 组 斜 线段 ， 效 果 如 图 2-19 所 示 。 

(7 ) 在 工具 箱 中 选择 “铅笔 工具 " ,设置 笔触 颜色 为 浅 粉 色 ( 纤 FCCFF ), 笔 触 大 小 为 2 ,绘制 3 条 曲线 ， 
如 图 2-20 所 示 。 

(8) 在 工具 箱 中 将 铅笔 模式 修改 为 “ 伸 直 "， 笔 触 颜色 修改 为 红色 ， 在 舞台 上 绘制 一 个 近似 的 圆 形 ， 
Animate CC 2018 自动 将 图 形 规整 为 平滑 的 圆 形 。 人 然后 修改 笔触 颜色 为 黑色 ， 铝 笔 模式 为 “平滑 ”， 绘 制 
两 条 有 曲线， 效果 如 图 2-21 所 示 。 


图 2-18 调整 线段 弯曲 度 图 2-19 ”添加 一 组 斜 线 段 到 2-20 绘制 了 永 湛 淋 图 2-21] 绘制 实 桃 


(9 ) 将 绘制 的 翻 桃 进行 适当 的 缩放 ， 复 制 多 个 放 在 冰淇淋 上 面 ， 效 朱 如 图 2-14 所 示 。 
(10) 执行 “文件 ”1 “保存 ”命令 ,保存 文件 。 


2.2.4 钢笔 


“钢笔 工具 ” 国 是 创建 自由 形式 的 矢量 样式 的 主要 工具 。 利 用 钢笔 工具 可 以 对 用 户 单 击 鼠 标 时 创建 
的 点 和 线 进行 Bézier 曲线 控制 ， 从 而 可 以 随意 修改 线条 的 形状 ,绘制 更 加 复杂 、 精 确 的 曲线 。 

1. 绘制 直线 

使 用 钢笔 工具 绘制 直线 很 简单 。 

(1 ) 在 绘图 工具 箱 中 单 击 “ 钢 笔 工具 ”按钮 国 , 将 鼠标 指针 移 到 舞台 上 ， 此 时 鼠标 指针 变 成 h， 。 

(2 ) 在 如 图 2-22 所 示 的 属性 面板 上 设置 钢笔 的 笔触 颜色 、 大 小 、 线 型 、 端 点 样式 等 。 

(3 ) 单 击 舞台 上 线条 开始 的 位 置 ,创建 一 个 点 ,然后 移动 鼠标 直到 达到 线条 需要 的 长 度 , 如 图 2-23 (a) 
所 示 。 


(4 ) 单 击 鼠标 定义 线条 的 终点 ， 如 图 2-23 (b ) 所 示 。 这 样 就 创建 了 一 条 直线 。 

(5 ) 在 舞台 上 的 其 他 位 置 单 击 ， 创 建 一 个 控制 点 ， 并 在 该 控制 点 和 上 一 个 控制 点 之 间 产 生 一 条 线段 ， 
如 图 2-24 (a ) 所 示 。 

(6) 按照 第 (5 ) 步 的 方法 创建 其 他 控制 点 。 绘 制 完成 后 ， 单 击 绘 图 工具 箱 中 的 “选择 工具 ”按钮 ， 
结束 绘制 。 此 时 的 图 形 如 图 2-24 (b ) 所 示 。 


(a) (Db) 
图 2-23 ”给 制 直线 


(a) (b) 
图 2-22 ”钢笔 工具 的 属性 面板 图 2-24 ”绘制 折线 
2. 绘制 曲线 
绘制 曲线 才 是 钢笔 工具 真正 强大 的 功能 所 在 。 使 用 钢笔 工具 绘制 卫 线 时 ,创建 的 是 角 上 后， 角 点 被 选 


中 后 显示 为 空 的 方块 ; 绘制 曲线 时 ， 创 建 的 是 曲线 点 。 曲 线 点 被 选中 后 ， 将 显示 为 空心 的 圆 。 

(1 ) 在 绘图 工具 箱 中 选中 “钢笔 工具 ”， 并 在 “属性 ”面板 上 设置 其 颜色 、 线 型 等 属性 。 

(2 ) 单 击 舞台 上 曲线 开始 的 位 置 ， 创 建 一 个 锚 点 ， 如 图 2-25 (a ) 所 示 。 

(3 ) 将 鼠标 指针 移 到 曲线 的 第 二 个 点 的 位 置 ， 按 下 鼠标 左 键 拖 动 添加 第 二 个 锚 点 ， 如 图 2-25 (Pb ) 
所 示 。 

此 时 ， 在 第 一 个 点 和 第 二 个 点 之 间 出 现 一 条 曲线 ， 如 图 2-25(b ) 所 示 。 可 以 看 到 图 中 有 一 条 经 过 第 
二 个 销 扣 并 沿 看 鼠标 拖 动 方向 的 卫 线 ， 这 条 和 耻 线 与 两 个 销 扣 之 回 的 曲线 相 切 。 释 放电 标 后 ,绘制 出 的 曲 
线 如 图 2-25 (c) 所 示 。 


人 全 


(a) (b) (ce) 
妈 2-25 ”绘制 曲线 


拖 动 其 中 一 个 相 切 的 手柄 离 销 点 越 和 还 ， 曲 线束 越 弯曲 。 

(4) 在 第 三 个 点 的 位 置 按 下 上限 标 左 键 并 拖 动 ， 产 生 第 三 个 锚 点 ， 如 图 2-26 (a ) 所 示 。 

(5 ) 按照 上 述 方法 创建 其 他 控制 点 。 如 果 要 结束 开放 的 曲线 ， 可 以 双击 最 后 一 个 锚 点 ， 或 再 次 单 击 
绘图 工具 箱 中 的 “钢笔 工具 ”按钮 。 此 时 切线 手柄 会 消失 ， 并 创建 出 一 条 很 平 请 的 曲线 ， 如 图 2-26 (b ) 
所 示 。 


,/ 
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(a) (b) 
图 2-26 ”给 制 曲 线 


如 东 要 结束 封 财 曲线 ， 可 以 将 鼠标 指针 放置 在 开始 的 销 点 上 ， 这 时 在 鼠标 指针 上 会 出 现 一 个 小 圆圈 ， 
单 击 就 会 形成 一 个 封闭 的 曲线 。 
如 采 要 调整 曲线 的 形状 ， 只 需 移 动 选 定 的 相 切 手柄 即 可 ， 如 图 2-27 所 示 。 


图 2-27 调整 曲线 


3. 添加 、 删 除 销 点 

使 用 钢笔 工具 绘制 线条 时 ， 每 单 击 一 次 ， 怠 会 在 路 径 上 添加 一 个 销 点 。 绽 制 曲线 后 ， 还 可 以 在 曲线 
中 添加 、 删 除 以 及 移动 锚 点 。 

(1 ) 选择 “钢笔 工具 "， 将 鼠标 指针 在 曲线 上 移动 ， 当 鼠标 指针 变 成 &, 时 ， 单 击 鼠 标 左 键 ， 就 会 增加 
一 个 锚 点 ， 如 图 2-28 所 示 。 


图 2-28 添加 节点 前 后 


(2 ) 删除 曲线 上 的 销 点 分 为 两 个 步 又。 首先 将 曲线 点 转换 为 角 点 ， 然 后 删除 角 点 。 

J 将 钢笔 工具 移 到 要 删除 的 点 上 方 。 此 时 鼠标 指针 变 为 &、 ， 如 图 2-29 (a ) 所 示 。 

@) 单 击 鼠 标 ， 将 曲线 点 转换 为 角 点 。 此 时 鼠标 指针 变 为 8 ， 如 图 2-29 (b ) 所 示 。 单 击 鼠 标 ， 即 可 
删除 控制 点 ， 而 曲线 也 重新 绘制 ， 如 图 2-29 〈(c ) 所 示 。 


vv 一 人 个 


全: 


(a) (b) (0) 
图 2-29 ”钢笔 工具 前 属性 面板 
Kg 


ES 


利用 “部 分 选取 工具 ”选择 锚 点 后 ,向 某 一 方向 拖 动 鼠 标 , 或 按键 盘 上 的 方向 键 , 可 以 改变 锚 点 的 位 置 。 


2.2.5 上 机 练习 一 一 绽 制 路 灯 和 
%ay 号 团 。 。 本 节 通 过 讲解 路 灯 的 绘制 步骤， 使 读者 掌握 使 用 钢笔 工具 | 上 人生 下 


二 = 辕 咒 “给 帅 、 编 辑 直线 段 和 曲线 的 方法 。 路 条 


[LT 


[| 


AN 了 赔 闭 | 首先 使 用 “钢笔 工具 "绘制 路 灯 杆 ,然后 绘制 曲线 形成 路 灯 顶 端 。 最 终 效 果 如 图 2-30 
- 同 园 :所 未 


操 四 步 未 
(1) 局 动 Animate CC 2018， 执行 “文件 ”|“ 新 建 ” 命 令 ， 在 弹出 的 对 话 框 中 设置 文档 类 型 为 
ActionScript 3.0， 其 他 保留 默认 设置 ， 单 击 “ 确 定 ” 按 钮 新 建 一 个 Animate CC 2018 文件 。 
(2 ) 在 绘图 工具 箱 中 选择 “钢笔 工具 ”"， 切 换 到 “属性 ”面板 ， 设 置 笔触 颜色 为 深 杰 色 (#33 )， 笔 
触 大 小 为 1， 在 舞台 上 绘制 路 灯 杆 的 形状 ， 如 图 2-31 所 示 。 


图 2-30 ”路 灯 效 果 图 图 2-31 给 制 路 灯 杆 


(3) 使 用 “钢笔 工具 ”绘制 路 灯 灯 童 的 形状 ， 如 图 2-32 所 示 。 

(4) 选中 路 灯 灯 单 的 形状 ,执行 “编辑 ”1 “复制 ”命令 和 “编辑 ”1 “ 烙 
贴 到 当前 位 置 ”命令 ,制作 一 个 灯 章 的 副本 。 然 后 选中 副本 ,执行 “修改 ”1 “ 变 
形 ”|“ 水 平 翻转 ”命令 ,并 将 两 个 灯 晶 拖 放 到 路 径 杆 的 两 侧 , 效 采 如 图 2-30 所 示 。 


2.2.6 ”宽度 工具 


览 度 工具 主要 用 于 编辑 曲线 ， 可 方便 地 修改 笔触 的 粗细 度 ， 创 建 深 腕 的 花 式 笔 触 。 与 钢笔 工具 相 比 ， 
宽度 工具 编辑 曲线 更 便捷 。 

(1) 使 用 前 面 介绍 的 给 图 工具 在 舞台 上 绘制 线条 ， 例 如 使 用 铅笔 工具 绘制 如 图 2-33 所 示 的 路 径 。 

(2 ) 在 绘图 工具 箱 中 选择 “宽度 工具 ” 辆 ， 将 鼠标 指针 移 到 要 修改 的 路 径 上 时 ， 鼠 标 指针 变 为 上 ， 
路 径 变 为 选中 状态 ， 且 当前 鼠标 指针 所 在 位 置 显示 宽度 手柄 和 宽度 点 数 。 

(3 ) 在 宽度 点 数 上 按 下 鼠标 左 键 拖 动 ， 可 调整 笔触 粗细 ， 如 图 2-34 所 示 。 释 放 鼠 标 ， 即 可 看 到 笔触 
修饰 后 的 效 采 。 


图 2-32 给 制 灯 章 图 形 


在 宽度 点 数 的 每 一 条 边 上 ， 宽 度 大 小 限定 在 100 像素 。 对 于 多 个 笔触， 宽度 工具 仅 调整 
”注意 。 活动 笔触 。 如 果 想 调整 某 个 指定 的 笔触 ， 可 使 用 宽度 工具 将 鼠标 是 停 在 该 笔触 上 。 | 


(4) 重复 上 面 的 步 又 ， 对 其 他 路 径 笔 触 进行 修改 ， 修 改 完成 后 的 效 朱 如 图 2-35 所 示 。 


图 2-33 绘制 路 径 图 2-34 ”修改 笔触 宽度 图 2-35 ”修改 后 的 笔触 效果 


选择 一 个 已 有 的 宽度 点 数 ， 沿 笔触 拖 动 宽度 点 数 ， 即 可 移动 宽度 点 数 ; 如 果 按 住 Alt 键 的 同时 ， 洛 笔 
触 拖 动 宽 度 点 数 , 即 可 复制 选中 的 宽度 点 数 ; 按 退 格 键 (Backspace ) 或 删除 键 ( Delete ) 可 删除 宽度 点 数 。 


定义 笔触 宽度 之 后 ， 还 可 以 通过 “属性 ”面板 将 笔触 保存 为 可 变 冤 度 配置 文件 。 

(1 ) 选择 要 沃 加 的 可 杰 宽 度 笔触 ， 如 图 2-36 所 示 的 笔触 。 

(2) 打开 “属性 ”面板 , 单 击 “ 视 度 ” 属 性 右 侧 的 “ 少 加 到 配置 文件 ”按钮 ,弹出 如 图 2-37 所 示 的 “可 
变 辕 度 配置 义 件 ”对 话 框 。 


Co—— 


图 2-36 ”可 变 宽 度 笔触 图 2-37 “可 变 宽度 配置 允 件 ”对 话 框 


提示 : | 只 有 在 除 默 认 宽度 配置 文件 以 外 ， 还 在 舞台 上 选中 了 可 变 宽 度 时 ,“ 添 加 到 配置 文件 ” 按 
各。 | 钮 可 用 。 同 理 ， 只 有 在 “宽度 ”下 拉 列表 中 选中 了 自 定义 宽度 配置 文件 时 , “删除 配置 文件 ” 
按钮 可 用 。 


(3 ) 在 对 语 框 中 输入 配置 文件 的 名 称 ， 例 如 “人 花 式 01 ， 然 后 单 击 “确定 ”按钮 关闭 对 话 框 。 
此 时 ， 打 开 属 性 面板 上 的 “宽度 ”下 拉 列 表 框 ， 可 以 看 到 创建 的 伦 式 笔触 ， 如 图 2-38 所 示 。 
如 果 要 恢复 默认 的 宽度 配置 文件 ， 可 单 击 “属性 ”面板 上 的 “ 重 置 配置 文件 ”按钮 图 . 


图 2-38 添加 的 可 变 宽 度 配 置 文件 


2.2.7 志 术 回 笔 
艺术 画笔 工具 可 以 沿 绘制 路 径 应 用 所 选 的 画笔 图 案 ， 从 而 绘制 出 风格 化 的 画笔 笔触 。 


在 绘图 工具 箱 中 选中 “艺术 画笔 工具 ”国之 后 ， 在 绘图 工具 箱底 部 可 以 设置 画笔 模式 : 伸 直 、 


和 墨水 ， 如 图 2-39 所 示 。 
在 如 图 2-40 所 示 的 “属性 ”面板 上 可 以 设置 画笔 的 笔触 颜色 和 大 小 、 样 式 等 属性 。 


人 
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平滑 


™ 国 军 选项 


演 制 为 填充 色 


图 2-39 ”艺术 画笔 工具 的 画笔 模式 图 2-40 ”艺术 画笔 工具 的 属性 面板 


平滑 


单 击 “ 样 式 ” 右 侧 的 “画笔 库 ” 按 钮 贺 , 可 以 打开 Animate CC 2018 的 艺术 画笔 预 设 , 如 图 2-41 所 示 。 
双击 画笔 库 中 的 任 一 图 案 画 笔 ， 即 可 将 其 添加 到 “属性 ”面板 的 “样式 ”下 拉 列 表 中 ， 如 图 2-42 所 示 。 


图 2-41 预 设 画 笔 图 2-42 ”添加 笔触 样式 


单 击 “ 编 辑 笔触 样式 ”按钮 图 ， 可 以 打开 如 图 2-43 所 示 的 “画笔 选项 ”对 话 框 ， 设置 画笔 类 型 、 斥 
力 敏感 度 和 斜 度 敏感 度 。 


按 比 部 业 害 摧 
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最 小 宽度 


应 用 圣 现 有 笔 融 并 更 新 国 笔 


图 2-43 画笔 选项 


在 Animate CC 2018 中 ,画笔 工具 中 的 所 有 笔触 样式 支持 “绘制 为 填充 色 ” 功 能 。 选 中 “绘制 为 填充 色 ” 
复 选 框 ， 可 将 画笔 生成 的 形状 设置 为 填充 区 域 ， 不 选中 则 默认 为 笔触 。 


前 面 介绍 笔触 工具 的 基本 使 用 方法 ， 本 节 练 习 将 制作 
一 个 有 趣 的 铅笔 效果 ， 通 过 对 操作 步骤 的 详细 讲解 ， 使 读 
者 娄 练 掌握 钢笔 工具 的 使 用 方法 以 及 创建 新 画笔 的 方法 。| 。“ ” 训 名 


设计 首先 新 建 一 个 Animate CC 2018 文档 ， 使 用 “钢笔 工具 ”和 “部 分 选取 工具 ” 绘 
人 制 铬 笔 围 形 ， 然 后 将 图 形 创建 为 画笔 样式 ， 通 过 为 笔触 工具 指定 画笔 样式 ， 创 建 有 趣 
- 的 铅笔 效果 。 最 后 使 用 画笔 库 中 预 置 的 画笔 添加 装饰 ， 最 终 效 果 如 图 2-44 所 示 。 


图 2-44 ”最 终 效 果 


”人 


3 


操 固 步 医 

(1) 执行 “文件 ”1 “新建” 命令， 新 建 一 个 Animate CC 2018 文件 。 

(2 ) 选择 “和 矩形 工具 ”， 在 “属性 ”面板 上 设置 笔触 颜色 “无 "， 填 充 色 为 “ 柳 色 ”， 在 舞台 上 绘制 一 
个 矩形。 然后 复制 、 粘 贴 两 个 和 矩形， 调整 矩形 的 填充 色 和 位 置 ， 如 图 2-45 所 示 。 

(3 ) 使 用 “钢笔 工具 ”分 别 在 3 个 矩形 的 上 边 中 点 双击 添加 路 径 点 ， 如 图 2-46 所 示 。 

(4) 使 用 “部 分 选取 工具 ” 单 击 其 中 一 个 路 径 点 ， 按 下 鼠标 左 键 同 上 拖 动 到 合适 位 置 释 放 鼠 标 ， 修 
改 路 径 形状 。 同 样 的 方法 ， 修 改 其 他 两 个 起 形 的 形状 ， 如 图 2-47 所 示 。 


图 2-45 ”填充 色 和 排列 位 置 图 2-46 ”添加 路 径 点 图 2-47 ”修改 矩形 的 形状 


(5 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 国 ， 新 建 一 个 图 层 ， 并 在 该 图 层 上 按 下 鼠标 左 键 向 下 
拖 动 到 “图 层 1” 下 方 后 释放 上 鼠标。 然后 使 用 第 (2 ) ~ (4) 步 同 梓 的 方法 绘制 一 个 矩形 ， 添 加 路 径 点 调 
整 矩 形 形 状 。 

(6) 使 用 “钢笔 工具 ”在 变形 后 的 图 形 上 绘制 一 条 线段 ， 如 图 2-48 (a ) 所 示 。 然 后 在 工具 箱 中 选择 
“颜料 桶 工具 ， 在 “属性 ”面板 上 设置 填充 色 为 “橙色 “， 单 击 路 径 顶 部 的 三 角形 区 域 进 行 填充 ， 歼 有 果 如 
图 2-48(b ) 所 示 。 

(7) 重复 (5) ~ (6) 步 的 操作 , 在 新 图 层 中 绘制 一 个 矩形 , 然后 添加 两 条 线段 , 如 图 2-49 (a ) 所 示 。 


然后 使 用 颜色 桶 工具 进行 填充 ， 如 图 2-49 (b ) 所 示 。 

(8 ) 单 击 图 层面 板 左下 角 的 “新 建 图 层 ”按钮 回 , 新 建 一 个 图 层 , 并 将 该 图 层 拖 动 到 最 底层 。 然 后 选择 
“矩形 工具 "， 在 “属性 ”面板 上 设置 无 笔触 颜色 ， 填 充 色 为 “ 浅 橙色 "， 迭 形 边 角 半 径 为 20， 在 舞台 上 
绘制 一 个 圆 角 矩 形 。 将 矩形 拖 放 到 合适 的 位 置 ， 如 图 2-50 所 示 。 


外 入 A 
| | 
(a) () @) 


(a) 
图 2-48 编辑 图 形 的 效果 图 2-49 ”给 制 并 填充 图 形 图 2-50 ”给 制图 形 


至 此 ， 铅 笔 图形 绘 制 完毕 ， 接 下 来 将 铅笔 图 形 创建 为 画笔 。 

(9 ) 使 用 “选择 工具 ” 拖 动 鼠标 框 选 舞台 上 的 所 有 图 形 ,执行 “修改 ”1 “合并 对 和 象 ”| “联合 ”他 令 ， 
将 不 同 图 层 中 的 图 形 合并 为 一 个 天 量 对 象 ， 如 图 2-51 所 示 。 

(10 ) 选中 合并 后 的 对 象 ,执行 “修改 ” 1“ 分离” 命令, 将 矢量 对 象 打 散 为 图 形 。 选 中 打 散 后 的 图 形 ， 
打开 属性 面板 ， 单 击 “ 根 据 所 选 内 容 创建 新 的 画笔 ”按钮 图 ， 弹 出 如 图 2-52 所 示 的 “画笔 选项 ”对 话 框 。 


Ctrl+G 
Ctrl+Shift+6 


图 2-51 合并 对 象 图 2-52 “画笔 选项 ”对 话 框 


(11 ) 在 对 话 框 左上 角 设 置 画 笔 类 型 为 “艺术 画笔 "， 选 中 “图 像 从 下 到 上 显示 ”按钮 围 ， 表 示 本 例 
中 将 在 路 径 起 始点 显示 铅笔 尾 端的 橡皮 ， 结 束 点 显示 铅笔 的 笔尖 ; 选中 “在 辅助 线 之 间 拉 伸 ” 选 项 ， 然 
后 拖 动 辅助 线 到 合适 的 位 置 ， 如 图 2-53 所 示 。 

(12 ) 单 击 “添加 ”按钮 ， 即 可 将 绘制 的 图 形 创 建 为 画笔 。 此 时 ， 在 工具 箱 中 选择 “椭圆 工具 ”， 在 


“属性 ”面板 上 可 以 看 到 笔触 的 默认 样式 已 修改 为 创建 的 画笔 ， 如 图 2-54 (a ) 所 示 。 设 置 笔触 大 小 为 
40， 然 后 在 舞台 上 按 下 鼠标 左 键 拖 动 ， 绘 制 一 个 椭圆 ， 如 图 2-54(b ) 所 示 。 
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(a) (b) 
图 2-53 ”设置 画笔 选项 图 2-54 ”使 用 创建 的 画笔 样式 绘图 


(13 ) 选择 “钢笔 工具 ”， 设 置 笔触 大 小 为 40， 在 舞台 上 绘制 一 条 折线 ， 如 图 2-55 所 示 。 

(14 ) 在 图 层面 板 左 下 角 单 击 “ 新 建 图 层 ” 按 钮 ， 新 建 一 个 图 屋 。 然 后 在 工具 箱 中 选择 “艺术 画笔 ” 
工具 ,打开 “属性 ”面板 , 单 击 “ 画 笔 库 ”按钮 轿 , 在 打开 的 “画笔 库 ” 面 板 中 双击 需要 的 画笔 样式 ,如 图 2-56 
所 示 。 即 可 将 选中 男 笔 设 置 为 笔触 的 当前 样式 。 
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图 2-55 ”绘制 折线 图 2-56 ”添加 画笔 样式 
(15 ) 在 “属性 ”面板 上 设置 画笔 的 笔触 大 小 ， 然 后 在 舞台 上 绘制 一 条 曲线 ， 歼 果 如 图 2-44 所 示 。 
2.3 选取 工具 
Animate CC 2018 提供 多 种 选择 对 象 的 工具 ， 最 常用 的 就 是 选择 工具 、 部 分 选取 工具 和 套 索 工具 。 


2.3.1 选择 工具 


绘图 工具 箱 中 的 黑色 箭头 按钮 国 就 是 “选择 工具 ”按钮 。 该 工具 主要 用 于 选 定 对 象 ， 可 以 点 选 ， 也 
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Ce 


可 以 框 选 。 

所 请 点 选 ， 是 按照 矢量 图 的 原理 进行 单 击 选 取 ， 选 中 矢量 图 的 基本 元 素 ; 所 谓 框 选 ， 是 指 选择 该 工 
具 后 ， 按 下 女 标 左 键 拖 动 绘 出 一 个 矩形 ， 该 矩形 中 的 对 象 全 部 被 选中 。 如 有 果 要 选择 多 个 对 象 ， 还 可 以 按 
住 Shift 键 ,然后 单 击 名 个 要 选取 的 对 象 。 被 选中 的 图 像 会 浓 上 网 点 加 以 区 别 ; 被 选中 的 文本 、 元 件 、 图 元 、 
导 人 的 图 片 ， 会 加 上 线 框 加 以 区 别 ， 如 图 2-57 所 示 。 


SC 选中 位 图 后 出 
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图 2-57 不 同 元 素 的 选中 效果 


1. 选择 矢量 元 素 
在 选择 对 象 时 ， 单 击 对 象 不 同 区 域 ， 可 以 选取 不 同 的 矢量 对 象 。 下 面 以 图 2-58 所 示 的 矢量 图 为 例 ， 
说 明 如 何 使 用 选择 工具 选择 对 象 。 
和 单 击 椭圆 的 和 失 量 线 外 框 ， 整 条 秋 量 线 将 一 起 被 选中 ; 如 果 单 击 正 圆 的 和 失 量 线 外 框 ， 只 能 够 选择 一 
部 分 矢量 线 ， 从 正 圆 和 星 形 的 交接 处 断 开 ， 如 图 2-59 所 示 。 


图 2-59 选取 坑 线 的 效果 图 


给 制 矢量 图 


和 单 击 星 形 的 矢量 线 ， 则 只 能 选择 一 条 边线 。 

和 双击 矢量 线 进行 选择 ， 则 会 同时 选中 与 这 条 夭 量 线 相 连 的 所 有 外 框 矢量 线 。 

和 在 矢量 色 块 上 单 击 则 选取 这 部 分 矢量 色 块 ， 不 会 选择 矢量 线 外 框 ， 如 图 2-60 所 示 。 
和 双击 矢量 色 块 ， 则 连同 这 部 分 色 块 的 矢量 线 外 框 同 时 被 选中 ， 如 图 2-61 所 示 。 


图 2-60 选取 绿色 矢量 色 块 图 2-61 选取 绿色 舌 量 色 瑞 及 其 访 框 


2. 编辑 矢量 
选择 工具 作为 基本 选择 工具 的 同时 也 是 一 种 基本 的 编辑 工具 ， 可 以 移动 对 象 ， 操 作 线条 的 端点 以 及 
线条 的 弯曲 。 将 它 置 于 不 同 的 对 象 上 时 ， 鼠 标 指针 也 不 同 ， 表 示 不 同 的 编辑 操作 。 
将 鼠标 指针 移动 到 矢量 线 上 时 ， 黑 色 箭头 下 面 出 现 弧 形 符号 ， 表 明 可 以 调整 矢量 线 的 弧度 。 拖 
动 矢量 线 到 合适 的 弧度 松 开 和 鼠标 即 可 ， 如 图 2-62 所 示 。 


图 2-62 ”调整 矢量 线 弧 度 


和 将 和 所 标 指针 移动 到 矢量 线 的 连接 点 ， 和 鼠标 指针 显示 为 入 ,表明 可 以 对 矢量 线 连 接点 位 置 进 行 修改 ， 
如 图 2-63 所 示 。 


图 2-63 ”调整 话 接点 位 置 


选中 图 形 后 ,多 次 单 击 工具 箱底 部 的 “平滑 ”按钮 图 ,矢量 图 形 外 部 边缘 会 逐渐 平滑 ,效果 如 图 2-64 
所 示 。 


图 2-64 平滑 前 、 后 的 效果 


和 选中 图 形 后 ， 多 次 单 击 工具 箱底 部 的 “ 伸 直 ”按钮 国 ， 失 量 图 形 外 部 边缘 会 逐渐 平 直 ， 效 果 如 


65 所 示 | 


图 2-65 平 直 前 、 后 的 效果 


2.3.2 ”部 分 选取 工具 


“部 分 选取 工具 ” 国 主 要 用 于 选择 和 编辑 矢量 线 或 矢量 线 上 的 路 径 点 ， 还 可 以 通过 调整 锚 点 的 位 置 和 
切线 ,修整 曲 线段 的 形状 。 该 工具 的 选取 也 可 以 进行 框 选 和 连续 选取 ， 操 作 方 法 与 选择 工具 相同 。 

使 用 “部 分 选取 工具 ” 国 框 选 绘 制 的 矢量 矩形 , 松 开 鼠 标 , 会 显示 曲线 的 锚 点 和 切线 的 端点 ,如 图 2-66 
所 示 。 

和 天 量 线 上 的 各 个 点 相当 于 用 钢笔 绘制 曲线 时 加 入 的 锚 点 。 将 鼠标 指针 移动 到 茶 个 锚 点 上 ， 鼠 标 指针 
下 方 会 出 现 一 个 空心 方块 A。， 按 下 鼠标 左 键 拖 动 ， 就 可 以 调整 选中 曲线 的 形状 ， 如 图 2-67 所 示 。 


图 2-66 选中 矢量 图 形 图 2-67 ”调整 曲线 的 效果 图 


2.3.3 ”做 过 工具 和 多 边 形 工 具 

“ 套 索 工具 ”和 “多 边 形 工具 ”可 以 实现 不 规则 区 域 的 选取 ， 与 前 两 种 选择 工具 相 比 ， 更 灵活 。 

1. 套 索 工具 

“ 套 索 工具 ” 国 是 自由 选取 工具 ,通常 用 于 在 图 像 上 选择 不 规则 的 区 域 。 套 索 工具 也 遵循 选择 工具 
连续 选取 的 原则 。 

单 击 “ 套 索 工具 ”按钮 国 , 然后 在 舞台 上 按 下 鼠标 左 键 拖 动 , 沿 鼠标 运动 轨迹 会 产生 一 条 不 规则 的 线 ， 


如 图 2-68 所 示 。 拖 动 的 轨迹 既 可 以 是 封闭 区 域 ， 也 可 以 是 不 封闭 的 区 域 ,，“ 天 索 工 具 ” 痢 可 以 建立 一 个 
完整 的 选择 区 域 。 如 图 2-69 所 示 的 网 点 区 域 就 是 利用 “ 套 索 工具 ”选取 的 区 域 。 


: 在 导入 的 位 图 上 不 能 使 用 大 , 索 工具 ,必须 执行 “修改 ”| “分 离 ”命令 ， 将 位 图 打 散 以 后 ， 
注意 才能 使 用 套 索 工具 在 图 片上 进行 选取 。 


图 2-68 使 用 秦 素 工具 选取 的 蓝 线 


2. 多 边 形 工具 

“多 边 形 工具 ” 辆 可 以 在 图 像 上 通过 连续 单 击 来 确定 多 边 
形 的 多 个 点 ， 从 而 确定 多 边 形 选区 的 形状 。 

(1 ) 在 绘图 工具 箱 中 单 击 “多 边 形 工具 ”按钮 贺 ， 将 忌 
标 指 针 移动 到 舞台 上 ， 单 击 鼠标 确定 多 边 形 的 第 一 个 点 。 

(2 ) 将 鼠标 指针 移动 到 下 一 个 点 单 击 ， 此 时 两 个 点 之 间 出 
现 一 条 黑色 的 线 连接 这 两 点 。 

(3 ) 重复 上 述 步骤 ,就 可 以 选择 一 个 多 边 形 区 域 ,如 图 2-70 
所 示 。 

(4 ) 在 最 后 一 个 点 上 双击 即 可 结束 选择 。 此 时 多 边 形 包 围 
的 区 域 被 网 点 图 案 履 六 。 


2.3.4 ” 府 术 样 工 具 图 2-70 ”多 雇 形 奔 率 工具 雍 取 效果 


魔术 棱 工 具 思 可 以 选取 颜色 相近 的 区 域 ， 主 要 用 于 编辑 色彩 变化 细节 比较 丰富 的 对 象 。 
(1 ) 在 绘图 工具 箱 中 单 击 “ 魔 术 棒 ”按钮 有 ， 切 换 到 “魔术 棒 ” 属 性 设置 面板 ， 如 图 2-71 所 示 。 
和 阅 值 : 设置 魔术 棒 的 容 差 范 围 ， 在 0~ 200 之 间 。 值 越 大 ， 魔 术 棒 选取 对 象 时 的 容 差 范围 就 越 大 。 
如 果 设 置 为 0， 则 只 有 与 鼠标 单 击 时 的 位 置 相同 的 颜色 会 被 选中 。 
所 平滑 : 用 于 设置 选取 边界 的 形式 ， 有 4 个 选项 ， 分 别 是 “像素 ”"“ 粗 略 ”“ 一 般 ” 和 “平滑 ”。 
(2 ) 将 鼠标 指针 移动 到 某 种 颜色 处 ， 当 鼠标 指针 变 成 阁 时 单 击 ， 即 可 将 该 颜色 以 及 与 该 颜色 相近 的 
颜色 都 选中 ， 如 图 2-72 (b ) 所 示 。 


(b) (©) 
图 2-71 “魔术 棒 ” 属 性 设置 面板 图 2-72 ”使 用 魔术 棒 工 具 选 取 前 后 的 效果 


(3 ) 如 有 果 需 要 选取 的 区 域 还 未 完全 选取 ， 可 以 重复 上 一 步 的 方法 ， 在 需要 选取 的 位 置 上 单 击 。 例 如 ， 
图 中 黑色 区 域 的 选取 效 采 如 图 2-72 〈c ) 所 示 。 


2.3.5 ”上 机 练 > 


心 富 响 园 。 。 本 节 练习 使 用 魔术 棒 工具 、 套 索 工具 进行 抠 图 ， 通 过 对 操 

守 寺 日 | 标 作 步 瑟 的 详细 讲解 ， 使 读者 熟练 掌握 选区 工具 的 使 用 方法 。 
ep ”首先 导入 要 抠 图 的 位 图 并 打 散 ， 然 后 使 用 et 本 

A 同居 接 下 来 使 用 “ 套 索 工具 ”对 图 形 进一步 选取 ， 最后 将 抠 出 来 的 红叶 拖 放 到 位 图 合 过 的 
。， ;位 置 ， 最终 效果 如 图 2-73 所 示 。 : 


图 2-73 最终 效果 


(1) 新 建 一 个 Animate CC 2018 文档 ， 舞 台大 小 为 500 像素 x 350 像素 ， 背 景色 为 白色 。 执 行 “ 文 
件 ”1 “导入 ”1 “导入 到 舞台 ”命令 ， 导 入 一 幅 叶 子 的 图 片 。 执 行 “修改 ”| “分 离 ” 命 令 ， 将 图 片 
打 散 为 形状 ， 如 图 2-74 所 示 。 

(2 ) 在 工具 箱 中 选择 “魔术 棒 工 具 ”， 按 住 Shift 键 在 图 片 的 白色 区 域 单 击 ， 选 中 白色 填充 的 区 域 ， 
然后 按 Delete 键 删除 。 删 除 后 的 效果 如 图 2-75 所 示 。 


此 时 将 视图 的 显示 比例 放大 ， 可 以 看 到 红叶 周围 仍 有 部 分 区 域 应 删除 。 接 下 来 使 用 “ 套 索 工 具 ” 进 
一 步 对 红叶 进行 选取 。 


图 2-74” 打 散 的 图 片 图 2-75 ” 魔 木 棒 选 取 后 的 效果 


(3 ) 在 工具 箱 中 选择 “ 套 索 工具 ”， 在 编辑 栏 上 将 视图 显示 比例 放大 到 200%， 然 后 按 下 上限 标 左 键 治 
要 去 除 的 区 域 拖 动 。 释 放 鼠 标 ， 即 可 选中 指定 区 域 ， 然 后 按 Delete 键 删除 。 可 以 多 次 重复 该 步骤， 进行 
精确 选取 。 

(4) 使 用 “ 套 索 工具 ” 沿 红 叶 周 围 拖 动 ， 选 中 红叶 ， 然 后 执行 “编辑 ”1 “ 反 转 选区 ”命令 ， 按 
Delete 键 删 除 。 此 时 ， 舞 台 上 可 以 看 到 只 剩 下 红叶 ， 如 图 2-76 所 示 。 

(5 ) 单 击 图 层面 板 左下 角 的 “新 建 图 层 ” 按 钮 ， 执 行 “文件 ”|“ 导 入” 1 “ 导 人 到 舞台 ”命令 ， 层 
人 一 张 绿 叶 的 位 图 ， 如 图 2-77 所 示 。 


图 2-76， 选取 前 红叶 图 2-77 ”导入 的 位 图 


(6) 在 红叶 所 在 图 屋 上 按 下 羽 标 左 键 各 上 拖 动 到 最 项 层 , 并 调整 图 形 位 置 , 最终 效 来 如 图 2-73 所 示 。 


2.4 形状 工具 
形状 工具 用 于 绘制 规则 的 图 形 ， 如 椭圆 、 圆 、 和 矩形 、 多 边 形 和 多 角 星 形 。 
2.4.1 椭圆 工具 


Animate CC 2018 提供 两 个 绘制 椭 圆 的 工具 : 椭圆 和 基本 椭圆 。 昌 然 这 两 个 工具 比较 相似 ， 但 是 它们 
祁 拥 有 特定 的 特性 。 

1. 椭圆 工具 

椭圆 由 笔触 和 填充 两 部 分 组 成 ， 所 以 使 用 椭圆 工具 不 仪 可 以 绘制 椭圆 ， 还 可 以 绘制 椭圆 轮廓 线 。 


(1 ) 在 绘图 工具 箱 中 选择 “椭圆 工具 ” 国 . 

(2 ) 在 如 图 2-78 所 示 的 属性 面板 上 设置 椭圆 的 属性 。 

(3 ) 在 舞台 上 拖 动 鼠标 ， 确 定 覃 圆 的 轮廓 后 ， 释 放 鼠 标 ， 即 可 绘制 出 有 李 圆 。 
劣 个 为， 


& 
绘制 椭圆 时 ， 按 住 Shift 键 可 以 绘制 出 正 圆 。 


在 图 2-79 所 示 的 属性 面板 中 ,“ 填 充 和 笔触 ”部 分 的 属性 与 笔触 工具 基本 相同 ， 不 同 的 是 可 以 设置 
填充 颜色 和 样式 。 选 择 不 同 填充 模式 绘制 的 覃 圆 如 图 2-80 所 示 。 


全 情 贺 工具 


v 填充 和 笔 介 
” 


转 对 象 径 制 模 式 夫 闭 


图 2-79 “颜色 ”面板 


径 同 渐变 位 图 填充 


妈 2-80 ”不 同 填 充 模 式 给 制 的 椭圆 


将 “填充 颜色 ”设置 国 ， 即 为 无 色 状 态 ， 可 绘制 椭圆 轮 廊 线 ， 如 图 2-80 左上 角 所 示 。 

“椭圆 选项 ”部 分 进一步 丰富 了 Animate CC 2018 的 绘图 功能 ， 可 以 绘制 有 缺口 的 椭圆 或 正 圆 、 圈 环 
和 弧 线 。 

所 开始 角度 : 设置 弧 形 或 扇形 的 起 始 角 度 ， 可 以 直接 在 文本 框 中 输入 ， 也 可 以 拖 动 滑 块 设置 角度 ， 

如 图 2-81 所 示 。 

YN 结束 角度 : 设置 长 形 结束 时 的 角度 。 

例如 , 设置 起 始 角 度 为 60, 结束 角度 为 350, 笔触 颜色 为 绿色 ,填充 色 为 红 标 色 的 图 形 效 果 如 图 2-82 
所 示 。 
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图 2-81 设置 角度 图 2-82 ”图形 效果 


和 内 径 : 该 选项 用 于 设置 圆 环 的 内 径 。 不 同 内 径 、 起 始 角度 和 结束 角度 的 图 形 如 图 2-83 所 示 。 
和 闭合 路 径 : 该 选项 用 于 绘制 引 线 。 设 置 起 始 角度 和 结束 角度 后 ， 取 消 选 中 “闭合 路 径 ” 选 项 ， 可 
绘制 出 弧 线 ， 如 图 2-84 所 示 。 选 中 “闭合 路 径 ” 选 项 可 绘制 扇形 ， 效 果 如 图 2-82 所 示 。 


内 径 为 10， 起 始 内 径 为 40， 起 始 
前 度 为 60， 结 束 角度 为 60， 结 束 
内 径 为 10 0 内 径 为 40 角度 为 350 


图 2-83 图形 效 果 图 2-84 ”绘制 的 弧 线 


2. 基本 椭圆 工具 

在 Animate CC 2018 中 ,除了 “合并 绘制 ”和 “对 象 绘 制 ” 模 型 ,，“ 椭 圆 ” 和 “和 矩形 ”工具 还 提供 图 
元 对 象 绘制 模式 。 不 同 于 使 用 对 象 绘制 模式 创建 的 形状 ， 使 用 图 元 椭圆 工具 或 图 元 矩形 工具 创建 的 椭圆 
或 窍 形 为 独立 的 对 象 。 

在 绘图 工具 箱 中 选择 “基本 椭圆 工具 ” 国 ， 在 属性 面板 上 设置 笔触 颜色 、 填 充 色 和 笔触 大 小 ， 然 后 
在 舞台 上 拖 动 鼠 标 ， 确 定 椭 圆 的 轮 廊 后 ， 释 放 鼠 标 ， 即 可 绘制 一 个 图 元 椭圆 。 选 中 图 元 椭圆 和 椭圆 的 效 
果 如 图 2-85 所 示 。 


基本 椭圆 工具 绘制 的 图 形 ” 椭 图 工具 绘制 的 图 形 
到 2-85 ”图 形 效 果 比 较 


利用 属性 面板 还 可 以 指定 图 元 椭圆 的 开始 角度 、 结 来 角度 和 内 径 。 其 使 用 方法 与 椭圆 工具 相同 ， 在 
此 不 再 发 述 。 


& 象 的 值 。 


2.4.2” 知 形 工 具 
与 椭圆 工具 类 似 ，Animate CC 2018 提供 两 个 绘制 矩形 的 工具 : 矩形 和 基本 和 矩形 。 


1. 矩形 工具 
使 用 “和 矩形 工具 ” 国 不 但 可 以 绘制 矩形 ， 还 可 以 绘制 矩形 轮 麻 线 。 算 形 工具 的 使 用 方法 与 椭圆 工具 


需要 说 明 的 是 ， 选 择 “ 和 定形 工具 ”之 后 ， 在 属性 面板 上 的 “和 窍 形 选项 ”区 域 可 以 设置 定形 各 个 角 的 
边 角 半 径 ， 如 图 2-86 所 示 。 甜 形 边 角 半 径 的 范围 是 -100~100 之 间 的 任何 数值 。 值 越 大 ， 甜 形 的 圆 角 就 
越 明 显 。 设 置 为 0 时 ， 可 得 到 标准 的 矩形 ; 设置 为 100 时 ， 绘 制 出 来 的 是 圆 形 ; 设置 为 -100 时 ,绘制 出 
来 的 是 星 形 。 不 同 边 角 半 径 的 矩形 效果 如 图 2-87 所 示 。 


w 拒 形 选项 径 为 0 六 径 为 30 半径 为 100 径 为 -100 和 和 高 相符 


OO*F+1 


图 2-87 不 同 刘 角 半径 的 矩形 


在 绘制 矩形 时 ， 如 果 按键 盘 上 的 向 上 或 向 下 方向 键 ， 可 以 自如 地 调整 矩形 边 角 的 半径 ， 并 实时 预览 
其 效果 ， 比 输入 具体 数值 的 方法 更 便捷 、 迅 速 。 


默认 情况 下 ， 调 整 边 角 半 径 时 ， 四 个 角 的 半径 同步 调整 。 如 果 要 分 别 调整 每 一 个 角 的 半径 ， 单 击 四 
个 调整 框 下 方 的 锁定 图 标 园 ， 使 其 显示 为 断 开 的 状态 国 ， 如 图 2-88 所 示 。 

如 果 对 设置 的 半径 不 满意 ， 单 击 “ 重 置 ”按钮 可 以 清除 设置 。 

2. 基本 和 窍 形 工具 

使 用 “基本 和 矩形 ”工具 图 可 以 绘制 独立 的 图 元 和 矩形。 绘制 的 图 元 算 
形 与 普通 和 矩形 的 区 别 在 于 ， 普 通 和 矩形 的 边线 和 填充 是 分 离 的 ， 用 户 可 以 
分 别 选 中 其 边线 和 填充 色 块 ; 而 图 元 矩形 是 一 个 整体 。 图 2 -88 分别 调 整 矩形 的 这 角 尝 径 

图 元 矩形 的 绘制 方法 、 属 性 设置 与 矩形 相同 ， 在 此 不 再 重复 介绍 。 


2.4.3 多角 星 形 工具 


使 用 多 角 星 形 工 具 可 以 绘制 各 种 多 边 形 和 星 形 。 
(1 ) 在 绘图 工具 箱 中 单 击 “多 角 星 形 工具 ”按钮 图 |。 
(2 ) 在 如 图 2-89 所 示 的 属性 面板 上 设置 笔触 颜色 、 十 充 颜色 、 笔 触 大 小 等 属性 。 
(3 ) 在 舞台 上 按 下 鼠标 左 键 并 拖 动 ， 可 以 调整 多 边 形 的 大 小 和 角度 ， 如 图 2-90 (a ) 所 示 。 
(4 ) 调整 好 大 小 和 位 置 后 释放 鼠标 ， 即 可 绘制 一 个 正 五 边 形 ， 如 图 2-90 (b ) 所 示 。 
驮 认 情 况 下 ， 多 角 星 形 工 具 绘 制 的 是 一 个 正 五 边 形 ， 如 果 要 绘制 其 他 类 型 的 多 边 形 或 星 形 ， 可 以 通 
过 设置 工具 选项 得 到 。 
(1 ) 选中 “多 角 星 形 工 具 ”， 并 打开 对 应 的 属性 面板 ， 如 图 2-89 所 示 。 
(2 ) 单 击 “工具 设置 ”区 域 的 “选项 ”按钮 ， 弹 出 “工具 设置 ”对 话 框 ， 如 图 2-91 所 示 。 
9 样式 : 设置 多 边 形 的 新 式 ， 有 星 形 和 多 边 形 两 种 。 
和 边 数 : 设置 边 的 数目 ， 取 值 范围 在 3~92 之 间 。 
和 星 形 顶点 大 小 : 用 于 指定 星 形 顶 点 的 深度 ， 范 围 为 0~1。 数 值 越 接 近 于 0， 顶点 越 深 。 不 同 顶点 
大 小 的 多 角 星 形 的 效果 如 图 2-92 所 示 。 
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v 填充 和 笔 裔 
克 烟 
半 ”对 象 绘制 模式 关闭 


鞋 触 


(a) (b) 
图 2-89 ”多角 星 形 工具 的 属性 面板 图 2-90 ”图 形 效 果 图 2-91 设置 多 廊 形 属性 


(3 ) 单 击 “确定 ”按钮 关闭 对 语 框 。 
(4 ) 在 舞台 上 按 下 鼠标 左 键 拖 动 , 并 调整 图 形 的 大 小 和 人 角度, 然后 释放 鼠标 ， 即 可 绘制 一 个 需要 的 图 


形 ， 如 图 2-93 所 示 。 


图 2-92 不 同 顶点 大 小 的 多 角 星 形 图 2-93 ”绘制 多 历 形 和 和 驳 角 星 形 


， 释放 鼠标 后 


顶点 天 小 为 0 顶点 大 小 为 0.4 顶点 大 小 为 ] 


释放 好 _ 笠 放电 剑 后 


2.4.4 上 机 练习 一 一 夜空 


”在 学 习 了 椭圆 、 答 形 和 多 角 星 形 
工具 的 使 用 方法 之 后 ， 本 节 练 习 将 使 
了 re ;用 这 些 基本 形状 工具 绘制 一 幅 夜空 的 : 

得 | 标 景象 ， 通 过 对 操作 步骤 的 详细 讲解 ， 
使 读者 熟练 掌握 形状 工具 的 使 用 方法 。; 
: 首先 新 建 一 个 Animate CC 2018 
文档 使 用 “ 椭 贺 工具” 绘制 月 亮 ， | 
并 填充 渐变 色 。 然 后 通过 设置 多 角 星 
A 园 卫 ”开工 内 的 选项 ， 给 制 四 角 星 形 ， 最 后 | 
一 复制 多 个 星 形 并 调整 大 小 和 位 置 ， 绘 

制 一 幅 夜空 的 景象 , 最 终 效果 如 图 2-94 


0 > 00000 图 2-94 最终 浆 果 


操 轿 步 国 

(1 ) 执行 “文件 ”1 “新 建 ”命令 ， 新 建 一 个 Animate CC 2018 文档 ， 舞 台 背 景 为 黑色 。 

(2 ) 选择 工具 箱 中 的 “椭圆 工具 ”， 在 属性 面板 上 设置 笔触 颜色 无 ， 填 充 色 为 径 癌 渐变 ， 按 住 Shift 
键 在 舞台 上 绘制 一 个 圆 形 ， 如 图 2-95 所 示 。 

(3 ) 选中 绘制 的 圆 形 , 执行 “窗口 ”1 “颜色 ”命令 , 打开 “颜色 ”面板 。 修 改 第 一 个 游标 颜色 为 黄 
色 ， 第 二 个 为 白色 ,如 图 2-96 (a ) 所 示 ， 图 形 填充 后 的 效果 如 图 2-96 (b ) 所 示 。 


添加 到 | 色 析 


妈 2-95 ”给 制 的 圆 形 图 2-96 ”填充 图 形 


(4) 选择 工具 箱 中 的 “多 角 星 形 工 具 ”， 在 属性 面板 上 设置 笔触 颜色 无 ， 填 充 色 为 日 色 ， 然 后 单 击 面 
板 底 部 的 “选项 ”按钮 ,打开 “工具 设置 ”对 话 框 。 设 置 “ 样 式 ” 为 “ 星 形 ”,“ 边 数 ” 为 4,“ 星 形 顶 点 大 小 ” 
为 0.20， 如 图 2-97 所 示 。 

(5 ) 按 下 鼠标 左 键 在 舞台 拖 动 ， 即 可 绘制 一 个 四 角 星 形 ， 如 图 2-98 所 示 。 用 同样 的 方法 绘制 其 他 星 
星 ， 并 调整 星星 的 大 小 和 人 位置， 最终 效果 图 如 图 2-94 所 示 。 


图 2-97 “工具 设置 ”对 话 框 图 2-98 ”给 制 星星 


2.4.5 ”加 笔 工 具 


“画笔 工具 ” 贺 可 以 表现 出 用 毛笔 上 彩 的 效果 ， 经 常用 于 绘制 对 象 或 建立 自由 形态 的 矢量 色 块 。 画 
笔 工 具 与 铅笔 工具 很 相似 ， 都 可 以 创建 自由 形状 的 线条 。 但 与 铅笔 工具 不 同 的 是 ， 使 用 画笔 工具 创建 的 
形状 是 被 填充 的 ， 且 没有 外 轮廓 线 。 

(1 ) 选中 绘图 工具 箱 中 的 “ 夯 笔 工具 ”图 

(2 ) 在 绘图 工具 箱底 部 可 以 设置 画笔 的 大 小 、 形 状 、 模 式 及 填充 方式 ， 如 图 2-99 所 示 。 还 可 以 在 如 
图 2-100 所 示 的 属性 面板 上 自 定 义 画 笔 形 状 和 大 小 。 


/随和 舞 各 缩放 大 小 


图 2-99 画笔 工具 的 选项 图 2-100 画笔 工具 属性 面板 


(3 ) 在 舞台 上 按 下 鼠标 左 键 随 意 拖 动 ， 即 可 涪 独 鼠标 的 运动 轨迹 产生 一 条 曲线 ， 如 图 2-101 所 示 。 


» 4 rr 4 1 2 


图 2-101 画笔 给 图 效果 


在 属性 面板 上 ， 用 户 还 可 以 设置 画笔 模式 和 锁定 填充 ， 制 作出 丰 吕 多彩 的 效 采 。 


1. 画笔 模式 
画笔 模式 用 来 设置 画笔 对 舞台 中 其 他 对 象 的 影响 方式 ， 单 击 “ 画 笔 模 式 ” 按 钮 国 ， 阐 出 如 图 2-102 
所 示 的 菜单 。 
9 标准 绘画 : 新 绘制 的 线条 和 枚 盖 同一 层 中 原 有 的 图 形 ， 但 是 不 会 影响 文本 对 象 和 引入 的 对 人 象 ， 如 
图 2-103 所 示 。 


s 3 标准 绽 田 
@@ 颜料 博 冯 


后 面 给 画 
因 颜料 选择 
FF 站 部 尘 男 


图 2-102 “画笔 模式 ”按钮 选项 图 2-103 “标准 给 画 ” 模 式 


和 颜料 填充 : 只 能 在 空白 区 域 和 已 有 和 拓 量 色 块 的 填充 区 域内 绘图 ， 并 且 不 会 影响 失 量 线 的 颜色 ， 如 
图 2-104 所 示 。 

外 后 面 绘画 : 只 能 在 空白 区 绘图 ， 不 会 影响 原 有 的 图 形 ， 只 是 从 原 有 图 形 的 背后 穿 过 ， 如 图 2-105 
所 示 。 

和 颜料 选择 : 只 能 在 选择 区 域内 绘图 。 不 会 影响 到 矢量 线 和 未 填充 的 区 域 ， 如 图 2-106 所 示 。 


图 2-104 “颜料 填充 ”模式 图 2-105 “后 面 给 画 ” 模 式 


YN 内 部 绘画 : 这 种 模式 可 分 为 两 种 情况 : 一 种 情况 是 当 画 笔 起 点 位 于 图 形 之 外 的 空白 区 域 ， 在 经 过 
图 形 时 ， 从 其 背后 算 过 ; 第 二 种 情况 是 当 画 笔 的 起 点 位 于 图 形 的 内 部 时 ， 只 能 在 图 形 的 内 部 绘制 
图 ， 如 图 2-107 所 示 。 


2. 锁定 填充 
锁定 填充 选项 用 于 切换 在 使 用 渐变 色 进 行 填充 时 的 参照 点 ， 单 击 “ 锁 定 填充 ”按钮 圈 ， 即 可 进入 锁 


在 非 锁 定 填充 模式 下 ， 对 现 有 图 形 进行 填充 时 ， 在 画笔 经 过 的 地 方 玫 包含 春 一 个 完整 的 新 变 过 程 。 
当 画 笔 处 于 锁定 状态 时 ， 以 系统 确定 的 参照 点 为 准 进行 填充 ， 完 成 渐变 色 的 过 渡 以 整个 动画 为 完整 
的 渐变 区 域 ， 夯 笔 涂 到 什么 区 域 ， 就 对 应 出 现 什么 样 的 渐变 色 ， 如 图 2-108 所 示 。 


| 完整 的 渐变 


| 未 锁定 的 渐变 
锁定 后 的 渐变 
图 2-107 画笔 的 “内 部 绘画 ”模式 图 2-108 锁定 填充 的 对 比 


2.5 色彩 工具 


合理 地 搭配 和 应 用 各 种 色彩 古 创 作出 成 功 作 品 的 必要 技巧 ， 这 束 要 求 用 户 除 了 
具有 一 定 的 色彩 鉴赏 能 力 ， 还 要 有 丰 曙 的 色彩 编辑 经 验 和 技巧 。 

Animate CC 2018 的 色彩 工具 包括 颜料 桶 工具 ` 墨 水 瓶 工具 和 滴 管 工具 ,如 图 2-109 各 jj 工具 
所 示 。 利 用 这 些 工 具 可 以 很 方便 地 修改 对 和 象 的 边线 或 内 部 填充 颜色 。 


颜料 桶 工具 滴 管 工具 


到 2-109 ”色彩 工具 


-i 上 


:a a 
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所 妆 乒 天 疝 站 


2.S.1 颇 料 桶 工具 


“颜料 桶 工具 ”上 辆 用 于 填充 颜 色 、 渐 变色 以 及 位 图 到 封闭 的 区 域 。 它 既 可 以 填充 空 的 区 域 ， 也 可 以 
更 改 已 经 涂 色 区 域 的 颜色 。 
(1 ) 在 绘图 工具 箱 中 选择 “颜料 柄 工具 ” 辆 . 本 
(2 ) 在 如 图 2-110 所 示 的 属性 面板 中 设置 要 填充 的 颜色 或 图 案 。 入 证 
颜料 桶 工具 不 仅 可 以 填充 封闭 区 域 , 还 可 以 填充 没有 完全 封闭 和 国生 生生 和 
区 域 。 ” Wa & 
(3 ) 在 绘图 工具 箱底 部 的 “间隔 大 小 ” 咒 下 拉 列 表 中 选择 间隔 二 ”对象 绘制 模式 关闭 
大 小 。 生得 
所 不 封闭 空隙 : 只 有 填充 区 域 完 全 封闭 时 才能 填充 。 
钮 封闭 小 空隙 : 当 填 充 区 域 存 在 小 缺口 时 可 以 填充 。 
YN 封闭 中 等 空隙 : 当 填 充 区 域 存在 中 等 缺口 时 可 以 填充 。 
钮 封 闭 大 空隙 : 当 填 充 区 域 存 在 大 缺口 时 可 以 填充 。 
(4 ) 根据 需要 ， 在 绘图 工具 箱底 部 选择 “锁定 填充 ” 国 | 
(5 ) 单 击 要 填充 的 形状 ， 即 可 完成 颜色 的 填充 。 


2.5.2 ”从 水 汝 工具 


“墨水 瓶 工具 ” 国 用 于 改变 已 经 存在 的 线条 或 形状 的 轮廓 线 的 笔触 颜色 ， 宽 度 和 样式 。 与 使 用 属性 面 
板 修改 对 象 的 笔触 颜色 相 比 ， 使 用 墨水 瓶 工具 可 以 同时 更 改 多 个 对 象 的 笔触 属性 。 

(1 ) 在 绘图 工具 箱 中 选择 “墨水 瓶 工具 ” 国 ， 对 应 的 属性 面板 如 图 2-111 所 示 。 

对 比 图 2-110 所 示 的 “颜料 桶 工具 ”属性 面板 ， 可 以 看 出 两 者 的 区 别 在 于 “颜料 桶 工具 ”填充 的 是 
内 部 区 域 ,，“ 墨 水瓶 工具 ”填充 的 是 笔触 颜色 。 

(2 ) 在 属性 面板 中 设置 墨水 瓶 使 用 的 笔触 颜色 、 笔 触 大 小 ， 然 后 在 “样式 ”下 拉 列 表 中 选择 线 型 。 

(3 ) 单 击 钴 台中 的 对 和 象 即 可 应 用 对 笔触 的 修改 ， 如 图 2-112 (a ) 所 示 。 

(4) 重复 上 一 步 又， 即 可 对 所 有 笔触 进行 描 边 ， 如 图 2-112 (b ) 所 示 。 


画 性 


~ 填充 和 笔 甬 
i 
图 对象 绘制 模式 关闭 
革 币 | 
样式 


将 度 


图 2-111 “时 水 讶 工具 ”属性 面板 图 2-112 “ 描 廊 ”效果 


使 用 墨水 帘 工 具 时 ， 如 果 单 击 一 个 没有 轮 廊 线 的 区 域 ， 显 水 瓶 工具 会 为 该 区 域 添加 轮 记 
线 ; 如 果 该 区 域 已 经 存在 轮廓 线 ， 则 它 会 把 该 轮廓 线 改 为 墨水 宽 工 具 设 定 的 样式 。 | 


2.5.3” 滴 管 工具 


“ 滴 管 工具 ” 国 I 用 于 从 一 个 对 象 上 采样 填充 或 笔触 ， 然 后 应 用 于 另 一 个 对 象 上 。 滴 管 工 具 可 以 吸取 
矢量 线 、 矢 量 色 块 的 属性 ， 还 可 以 吸取 导入 的 位 图 和 文字 的 属性 。 使 用 吸管 ， 用 户 不 必 重 复 设置 相同 对 
象 的 各 种 属性 ， 只 要 从 已 有 的 各 种 矢量 对 象 中 吸取 就 可 以 了 。 

(1 ) 在 绘图 工具 栏 中 单 击 “ 滴 管 工具 ”按钮 驶 一 ， 舞 台 上 的 鼠标 指针 变 为 滴 管 形状 2 。 

(2 ) 在 要 采样 属性 的 笔触 或 填充 区 域内 移动 鼠标 指针 。 

将 鼠标 指针 移动 到 形状 的 笔触 上 时 ， 鼠 标 指 针 变 为 加， 如 图 2-113 (a ) 所 示 ; 当 滴 管 工具 在 填充 区 
域内 移动 时 ， 鼠 标 指 针 变 为 多， 如 图 2-113 (b ) 所 示 。 

(3 ) 单 击 即 可 拾取 线条 的 颜色 或 填充 区 域 的 填充 样式 。 

(4) 单 击 其 他 笔触 或 已 填充 区 域 以 应 用 新 吸取 的 属性 。 

如 果 拾 取 的 是 笔触 的 颜色 ， 则 鼠标 指针 变 为 墨水 瓶 工具 ， 且 此 时 墨水 瓶 工具 具有 的 笔触 颜色 就 是 滴 
管 工具 刚才 拾取 的 颜色 ， 如 图 2-114 所 示 。 


A 0 A 和 
(a) (b) B B et 
图 2-113” 滴 管 的 不 同 状态 图 2-114 ”笔触 颜色 的 拾取 与 填充 


如 琳 拾 取 的 是 填 元 区 域 的 颜色 ， 则 鼠标 指针 变 为 颜料 桶 工具 ， 此 时 的 颜料 桶 工具 有 具有 的 走 充 颜色 即 
为 滴 管 工具 拾取 的 颜色 ， 如 图 2-115 所 示 。 


图 2-115 ”填充 区 域 的 拾取 与 填 殉 


如 果 拾 取 的 填充 颜色 为 渐变 色 ， 则 应 用 拾取 的 属性 时 ， 将 使 用 锁定 填充 模式 ， 只 填充 渐变 色 的 一 
劣 2 为 
2 人 
在 使 用 滴 管 工具 拾取 一 个 对 象 的 属性 时 ， 按 下 Shift 键 的 同时 单 击 ， 则 填充 和 笔触 属性 都 将 被 采样 。 
只 要 在 要 应 用 拾取 属性 的 对 象 上 单 击 ， 即 可 同时 应 用 拾取 的 填充 和 笔触 属性 。 


2.5.4 ”上 机 练习 一 一 个 性 香 摆 


”本 节 练习 使 用 多 角 星 形 工具 和 色彩 工具 制作 个 性 朱 摆 ， 
目 忆 通过 对 操作 步骤 的 详细 讲解 ， 使 读者 熟练 掌握 各 种 色彩 工具 | | 
Es | 大 


首先 绘制 一 个 八角 星 形 ， 使 用 “多 边 形 工具 ”选取 中 间 的 矩形 区 域 ， 并 填充 位 图 ， 
司 加 ki 最 后 使 用 墨水 瓶 工 具 对 四 个 角 进 行 描 边 ， 人 
| 效果 如 图 2-116 所 示 。 
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图 2-116 最终 效果 


操 园 步 国 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 
(1) 新 建 一 个 Animate CC 2018 文档 ， 选 择 “ 多 角 星 形 工具 ”"， 在 属性 面板 上 设置 无 笔触 颜色 ， 填 充 
颜色 为 橙色 ; 然后 单 击 “选项 ”按钮 ,在 弹出 的 “工具 设置 ”对 话 框 中 设置 “样式 ”为 星 形 ,“ 边 数 ” 为 8， 
“顶点 大 小 ”为 0.8， 单 击 “确定 ”按钮 ， 关 闭 对 话 框 。 在 舞台 上 拖 动 鼠标 绘制 一 个 八角 星 形 ， 如 图 2-117 
所 示 。 
(2 ) 选中 工具 箱 中 的 “多 边 形 工具 ”图 ， 选 中 多 角 星 形 中 间 的 矩形 区 域 ， 如 图 2-118 所 示 。 


图 2-117 给 制 的 作 角 星 形 图 2-118 选取 效果 


(3 ) 选中 工具 箱 中 的 “颜料 桶 工具 "， 然 后 执行 “窗口 ”1 “颜色 ” 售 令 ,打开 “颜色 ”浮动 面板 。 

(4) 在 “类 型 ”下 拉 列 表 中 选择 “位 图 ”选项 ， 如 图 2-119 所 示 。 弹 出 “导入 到 库 ” 对 话 框 ， 找 到 
需要 的 图 片 ， 然 后 单 击 “打开 ”按钮 ， 即 可 用 导入 的 图 片 填 元 选择 区 域 。 

(5 ) 在 工具 箱 中 选择 “渐变 变形 工具 ”， 调 整 位 图 填充 的 范围 和 方向 ， 效 打 如 图 2-120 所 示 。 


第 可 齐 \061， 
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图 2-119 选择 天 充 类 型 图 2-120 ”位 图 填充 效果 


(6 ) 选择 工具 箱 中 的 “选择 工具 ”,， 在 橙色 填充 区 域 单 击 ,， 选中 八角 星 形 的 四 个 角 ， 如 图 2-121 所 示 。 

(7 ) 选择 工具 箱 中 的 “颜料 桶 工具 "， 并 打开 “颜色 ”面板 。 在 “颜色 类 型 ”下 拉 列 表 中 选择 “ 径 辐 
渐变 ”， 然 后 在 面板 下 方 的 颜色 编辑 栏 上 设置 颜色 ， 各 个 颜色 游标 的 颜色 值 分 别 为 妆 0C8D8、 才 EDB4E 
和 手 24B0C， 如 图 2-122 所 示 。 


图 2-121 选取 填充 区 城 图 2-122 渐变 色 效 果 


此 时 ， 舞 台 上 的 选中 区 域 的 填充 颜色 会 目 动 用 指定 的 渐变 色 进 行 填充 ， 歼 果 如 图 2-123 所 示 。 
(8 ) 选择 工具 箱 中 的 “墨水 瓶 工 具 ”， 在 属性 面板 上 设置 笔触 颜色 为 光谱 线性 渐变 ， 笔 触 大 小 为 4， 
如 图 2-124 所 示 。 然 后 在 要 摘 边 的 轮廓 上 单 击 ， 最 终 效 果 如 图 2-116 所 示 。 


墨水 瓶 工具 


图 2-123 填充 效果 图 2-124 设置 超 术 撕 工 具 的 属性 
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2.6 修改 工具 


Animate CC 2018 中 的 修改 工具 包括 任意 变形 工具 、 淘 变 变 形 工 具 和 橡皮 擦 工具 。 任 意 变 形 工 具 可 以 
随意 修改 对 象 的 形状 ; 渐变 变形 工具 可 以 修改 渐变 色 或 位 图 的 填充 效果 ; 橡皮 擦 工具 可 以 擦 除 对 象 的 部 
分 内 容 ， 以 达到 特殊 的 效果 。 灵 话 应 用 这 些 变形 工具 ， 可 以 使 用 户 的 绘画 技法 提升 一 层 。 

2.6.1 任意 变形 工具 

“任意 变形 工具 ” 辆 以 对 象 某 一 点 为 中 心 ， 做 任意 角度 的 旋转 、 倾 斜 和 变形 。 在 绘图 工具 箱 中 选中 
该 工具 后 , 在 工具 箱底 部 可 以 看 到 该 工具 的 四 种 模式 : 旋转 与 倾 竹 、 缩 放 、 扭 曲 和 封套 ,如 图 2-125 所 示 。 

1. 旋转 与 倾斜 

利用 旋转 与 倾斜 模式 ， 可 以 对 舞台 中 的 对 象 以 某 一 点 为 中 心 ， 做 任意 角度 的 旋转 、 倾 和 斜 。 


(1 ) 使 用 选择 工具 选中 要 进行 变换 的 对 象 ,然后 单 击 绘图 工具 箱 中 的 “任意 变形 工具 ”按钮 国 , 此 时 ， 
对 象 的 四 周 出 现 黑 色 的 变换 框 ， 变 换 框 中 间 的 日 色 圆 点 为 变换 中 心 ， 如 图 2-126 (a ) 所 示 。 


缩放 封套 


旋转 与 倾斜 ”扭曲 
图 2-125 ”任意 变形 工具 图 2-126 旋转 对 象 


(2 ) 在 绘图 工具 箱底 部 单 击 “ 旋 转 与 倾斜 ”按钮 国 , 将 鼠标 指针 移 到 变换 框 的 一 个 角 上 ， 此 时 鼠标 
指针 变 为 5 ， 按 下 鼠标 左 键 并 朝 一 个 方向 拖 动 鼠标 ， 即 可 将 对 象 以 变换 中 心 为 原点 进行 旋转 ， 如 图 2-126 
(b ) 所 示 。 释 放 忌 标 后 ， 对 和 象 即 发 生 旋转 ， 如 图 2-126 (c ) 所 示 。 


提示 : 
心 ” 在 旋转 时 按 住 Shift 键 ， 可 以 使 对 象 以 45$。 为 单位 进行 旋转 。 


诈 转 的 中 心 点 黑 认 为 对 象 的 中 心 位 置 ， 移 动 对 象 的 变换 中 心 ， 旋 转 的 方式 也 会 发 生变 化 。 

(3 ) 将 鼠标 指针 移动 到 中 心 点 ， 当 鼠标 指针 变 为 W 时， 按 下 鼠标 左 键 ， 将 变换 框 中 心 的 变换 中 心 拖 
动 到 变换 框 的 底部 ， 如 图 2-127 (a ) 所 示 。 

(4) 将 鼠标 指针 移 到 变换 框 的 右上 角 上 ， 当 指针 变 为 5 时 按 下 鼠标 左 键 并 拖 动 。 此 时 ， 对 象 将 以 新 
的 变换 中 心 为 原点 进行 旋转 ， 如 图 2-127(b ) 所 示 。 

(5 ) 将 鼠标 指针 移 到 变换 框 上 除 四 个 角 以 外 的 控制 点 上 ， 羽 标 指针 变 为 与 或 上 时 ， 按 下 鼠标 左 键 并 拖 
动 ， 当 达到 需要 的 效果 时 ， 释 放 鼠 标 ， 即 可 倾 料 对 象 ， 如 图 2-128 所 示 。 

2. 缩放 

红 放 工具 可 以 随意 罗 小 或 放大 对 和 象 ， 并 可 约束 比例 对 对 和 象 进行 变形 。 

(1) 选中 要 进行 变换 的 对 象 ， 单 击 绘 图 工具 箱 中 的 “任意 变形 工具 ”按钮 国 ， 然 后 在 绘图 工具 箱底 

(2 ) 将 鼠标 指针 移动 到 变形 框 朋 上 任意 一 个 手柄 ， 鼠 标的 指针 会 变 成 双 回 篆 头 ， 此 时 按 住 鼠标 左 键 
不 放 ， 沿 和 葡 头 方 癌 拖 动 鼠标 ， 可 以 同时 在 水 平和 垂下 方 癌 进 行 缩放 ， 如 图 2-129 所 示 。 


人 识 下 县 箱 


图 2-127 移动 变换 中 心 :并 旋转 对 外 
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(3 ) 如 果 拖 动 变形 框 四 条 边 中 间 的 调节 手柄 , 则 可 以 单独 在 水 平方 向 或 垂直 方向 进行 缩放 ,如 图 2-130 
所 示 。 
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图 2-129 水平、 垂直 方向 同时 缩放 图 2-130 ”人 仅 水 平 或 垂直 方向 缩放 


3. 扭曲 
扭曲 工具 可 以 看 作 是 “ 旗 转 与 倾 笠 ”工具 和 “缩放 ”工具 的 组 合 。 


扭曲 操作 只 适用 于 矢量 图 形 ， 如 果 同 时 选中 了 舞台 上 的 多 个 不 同 对 象 ， 扭 曲 操作 也 只 会 | 
注意 。 对 其 中 的 矢量 图 形 起 作用 。 ’ 
(1 ) 选中 要 进行 变换 的 矢量 对 象 ， 单 击 绘图 工具 箱 中 的 “任意 变形 工具 ”按钮 团 ， 然 后 在 绘图 工具 
箱底 部 单 击 “ 扭 曲 ” 按 包 图 |。 
(2 ) 将 鼠标 指针 移 到 变换 框 的 变形 手柄 上 ， 当 鼠标 指针 变 成 和 时 ， 按 下 鼠标 左 键 并 拖 动 ， 即 可 扭曲 对 
象 ， 如 图 2-131 所 示 。 


~ 


图 2-131 扭 明 对 


4. 封套 
封 伏 工具 可 以 通过 对 和 象 周围 的 切线 手柄 变形 对 象 ， 改 变 对 象 的 几何 学 形状 。 


封套 操作 只 适用 于 矢量 图 形 ， 如 果 选 择 的 对 象 中 包含 了 非 矢 量 图 形 ， 赤 形 将 只 会 对 矢量 
”注意 。 图 形 起 作用 。 

(1 ) 选择 要 进行 变换 的 矢量 对 象 ， 单 击 绘 图 工具 箱 中 的 “任意 变形 工具 ”按钮 图 ， 然 后 在 绘图 工具 
箱底 部 单 击 “封套 ” 按钮 国 。 此 时 可 以 看 到 选中 对 象 四 周 有 许 多 黑色 方形 手柄 和 国 形 手柄 ,如 图 2-132 (a) 
所 示 。 

(2 ) 将 鼠标 指针 移动 到 变形 框 任意 一 个 黑色 圆 形 手柄 上 ， 鼠 标 指 针 会 变 成 三 角 箭 头 \， 此 时 按 人 
鼠标 左 键 不 放 ， 沿 箭头 方向 拖 动 鼠 标 ， 可 以 调整 曲线 的 形状 ， 如 图 2-132(b) 所 示 。 变 形 后 的 效果 如 
图 2-132(¢c ) 所 示 。 


图 2-132 ”封套 财 篆 


(3 ) 将 鼠标 指针 移动 到 澡 色 的 方形 手柄 上 ， 按 下 妃 标 左 键 拖 动 也 可 以 变形 对 象 ， 如 图 2-133 所 示 。 


图 2-133” 封 会 次 果 


2.6.2 ”上 机 练习 


殉 辐 。 。 本 节 练 习 使 用 变形 工具 和 某 单 命令 制 作 迁 视 文字 效果 ， 通 
Ne a 过 对 操作 步骤 的 详细 讲解 ， 使 读者 熟练 掌握 使 用 任意 变形 工具 
下 或 变形 命令 对 舞台 对 象 进行 修改 变形 的 方法 。 | 


| 首先 新 建 一 个 Animate CC 2018 文档 ， 导 入 一 幅 背 景 图 像 。 然 后 创建 文本 ， / 
Ai， 网 诸 将 文本 打 散 成 矢量 图 形 ， 应 用 扭曲 命令 创建 透视 文字 。 最 后 复制 透视 文本 ， go 
= ”圆圈 诈 转 和 提 曲 操作 ， 并 修改 填充 色 的 透明 度 ， 完 成 透视 文本 的 合影， 最终 效 果 如 图 2-134 
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图 2-134 ”最 终 效 果 


探 图 步 国 

(1 ) 新建 一 个 Animate CC 2018 文档 (ActionScript 3.0) ,执行 “文件 ”1 “ 导 和 人 ”1 “导入 到 舞台 ” 命 
令 ， 导 人 一 幅 背 景 图 。 

(2 ) 选中 导 人 的 图 片 ， 执 行 “窗口 ”1 “信息 ”人 命令， 打开“ 信息 ”面板 ， 将 图 片 太 十 修改 为 与 舞 
台 尺 寸 相 同 ， 且 坐标 为 (0，0 )， 效 果 如 图 2-135 所 示 。 

(3 ) 单 击 时 间 轴 面板 左下 角 的 “新 建 图 层 ” 按 钮 , 新 建 一 个 图 层 , 然后 在 工具 箱 中 选择 “文本 工具 ”， 
在 属性 面板 上 设置 字体 为 华文 彩云 ， 颜 色 为 黄色 ， 大 小 为 70， 字 间距 为 20， 在 舞台 上 单 击 ， 输 入 “桂林 
山水 ”， 效 果 如 图 2-136 所 示 。 


( 注 革 和 LE 


图 2-135 原始 图 片 图 2-136 输入 廊 本 


(4) 选中 文本 ,连续 执行 两 次 “修改 ”1 “分 离 ” 命 令 ,将 文本 打 散 。 然 后 执行 “修改 ”1 “变形 ”| 
“扭曲 ”命令 ， 使 用 鼠标 调整 文本 位 置 及 形态 ， 效 果 如 图 2-137 所 示 。 

(5 ) 选中 文本 ， 执 行 “ 编 辑 ” | “编辑 ”1 “粘贴 到 当前 位 置 ”命令 ， 复 制 并 粘贴 文本 ， 
然后 选中 粘贴 的 文本 ， 执 行 “修改 ”1 “变形 ” | “ 告 直 翻 转 ” 命 令 ， 翻 转 文本 ， 并 使 用 键盘 上 的 方 问 
键 问 下 移动 文本 。 

(6 ) 选中 翻转 后 的 文本 ,执行 “修改 ”| “变形 ”1 “扭曲 ”命令 ,将 文本 进行 适当 角度 的 旋转 和 扭曲 ， 
效果 如 图 2-138 所 示 。 


图 2-137 扭曲 六 本 图 2-138 ”翻转 并 扭曲 效果 


(7) 打开 属性 面板 ， 设 置 文本 的 填充 颜色 为 淡 真 色 ， 且 Alpha 值 为 40%， 如 图 2-139 所 示 ， 得 到 最 
级 效 果 如 图 2-134 所 示 。 
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到 2-139 设置 填充 色 的 诱 明 度 


2.6.3 ”渐变 变形 工具 


“渐变 变形 ”工具 国有 用 于 调整 渐变 颜色 或 位 图 填充 的 视觉 属性 ， 如 渐变 方向 、 填 充 位 置 和 渐变 色 区 
域 的 长 度 。 

在 Animate CC 2018 中 ， 渐 变 颜 色 包括 线性 渐变 和 径 向 渐变 。 下 面 分 别 对 调整 这 两 种 渐变 颜色 的 方 
法 和 步 又 进行 说 明 。 

1. 调整 线性 渐变 

(1 ) 在 绘图 工具 箱 中 选中 “渐变 变形 工具 ” 国 ， 然 后 单 击 需要 调整 的 线性 渐变 填充 区 域 。 此 时 ， 图 
形 周围 会 出 现 有 一 个 圆 形 手柄 和 一 个 方形 手柄 的 调整 外 框 ， 如 图 2-140 所 示 。 

(2 ) 将 鼠标 指针 移 到 图 形 中 间 的 圆 形 渐变 中 心 手柄 上 , 按 下 鼠标 左 键 并 拖 动 ,可 以 移动 渐变 中 心 位 置 
此 时 ， 图 形 的 渐变 填充 也 将 改变 ， 如 图 2-141 所 示 。 


旋转 渐变 区 域 


渐变 中 心 | 
i 调整 新 朗 宽度 


图 2-140 ”线性 渐变 调整 框 图 2-141 调整 渐变 效果 


(3 ) 将 鼠标 指针 移 到 调整 渐变 区 域 的 方形 手柄 上 ， 按 下 鼠标 左 键 拖 动 ， 可 以 调整 两 条 渐变 线 的 距离 ， 
从 而 调整 新 变 填充 的 样式 ， 如 图 2-142 所 示 。 

(4) 将 鼠标 指针 移 到 渐变 线 上 的 旋转 渐变 区 域 的 圆 形 手柄 上 ， 按 下 鼠标 左 键 并 拖 动 ， 可 以 旋转 填充 
效果 ， 如 图 2-143 所 示 。 


图 2-142 调整 渐变 效果 到 2-143 ”调整 渐变 效果 


2. 调整 径 向 渐变 
(1 ) 在 绘图 工具 箱 中 选中 “渐变 变形 工具 ” 国 ， 然 后 单 击 需要 调整 的 径 向 渐变 填充 区 域 。 此 时 ， 可 
以 看 到 有 三 个 圆 形 手柄 和 一 个 方形 手柄 的 渐变 调整 外 框 ， 如 图 2-144 所 示 。 
(2 ) 将 鼠标 指针 移 到 渐变 中 心 ， 按 下 鼠标 左 键 拖 动 ， 可 以 移动 填充 色 块 中 心 亮点 的 位 置 ， 如 图 2-145 
所 示 。 


P< 一 转换 渐变 形状 


许 导 渐变 区 域 / 
图 2-144 了 放射 渐变 调整 杠 图 2-145 ”调整 渐变 效果 


(3) 将 鼠标 指针 移 到 位 于 圆周 上 的 方形 手柄 上 ， 按 下 鼠标 左 键 拖 动 ， 可 以 调整 填充 色 块 的 渐变 圆 的 
长 宽 比 例 ， 如 图 2-146 (a ) 所 示 。 

(4) 将 鼠标 指针 移 到 位 于 圆周 上 又 挨 者 方形 手柄 的 圆 形 手 柄 ， 按 下 鼠标 左 键 并 拖 动 ， 可 以 调整 填充 
色 块 渐变 圆 的 大 小 ， 如 图 2-146(b ) 所 示 。 

(45 ) 将 鼠标 指针 移 到 位 于 圆周 上 的 旋转 手柄 ， 按 下 鼠标 左 键 并 拖 动 ， 可 以 调整 填充 色 块 渐变 圆 的 倾 
冬 方 同 ， 如 图 2-146〈c ) 所 示 。 


图 2-146 调整 填充 色 块 渐变 圆 的 参数 


Animate CC 2018 除了 可 以 调整 渐变 填充 ， 还 提供 调整 位 图 填充 的 效果 。 


3. 调整 填充 的 位 图 

Animate CC 2018 除了 可 以 进行 渐变 填充 ， 还 可 以 使 用 位 图 来 填充 封闭 区 域 。 

选择 “窗口 ” | “颜色 ”命令 , 调 出 “颜色 ”面板 。 在 “颜色 ”面板 的 “类 型 ”下 拉 列 表 中 选择 “位 
图 填充 ”， 并 单 击 “ 导 和 人 ”按钮 导 人 一 幅 位 图 ， 如 图 2-147 所 示 。 然 后 在 绘图 工具 箱 中 选择 颜料 桶 工具 ， 
再 单 击 要 填充 的 图 形 内 部 ， 即 可 使 用 位 图 填充 封闭 区 域 。 

(1 ) 在 绘图 工具 箱 中 选中 “渐变 变形 工具 ”上 辆 ， 然 后 单 击 需要 调整 的 位 图 填充 区 域 。 此 时 ， 可 以 看 
到 四 个 方形 手柄 和 三 个 圆 形 手柄 ， 如 图 2-148 (a ) 所 示 。 

(2 ) 拖 动 中 心 的 圆 形 手柄 可 以 调整 位 图 的 位 置 ， 效 果 如 图 2-148 (b ) 所 示 。 

(3 ) 拖 动 变形 框 角 左 下 角 的 圆 形 手柄 合 ， 可 以 按 比 例 改 变 图 像 的 大 小 。 如 果 填 充 的 位 图 缩小 到 比 绘 
制 的 图 形 小 ， 则 使 用 同一 幅 位 图 多 次 填充 ， 如 图 2-148 (c ) 所 示 。 

(4 ) 拖 动 变形 框 边 线 上 有 箭头 的 方形 手柄 ， 可 以 沿 一 个 方 癌 改变 图 像 的 大 小 , 如 图 2-149 (a ) 所 示 ; 
拖 动 息 形 框 朋 上 的 平行 四 边 形 手柄 ， 可 以 改变 填充 图 像 的 倾斜 度 ， 如 图 2-149 (b ) 所 示 。 


图 2-147 设置 位 图 填充 图 2-148 位 图 填充 效果 


(5 ) 拖 动 答 形 边 框 右上 角 的 圆 形 手柄 > ,可 以 沿 一 个 方 回旋 转 填充 的 位 图 ,效果 如 图 2-149 (c ) 所 示 。 


a 铺 园 本 节 通 过 讲解 沾 灯 光 尝 的 绘制 步骤 ， 使 读者 热 练 党 所 填充 工 。 2 8 上 机 络 刀 一 多 
广 @@ 具 的 使 用 方法 ,以 及 使 用 “渐变 变形 工具 ”修改 填充 效果 的 方法 。 : 制 路 灯光 坚 
: ”首先 打开 2.2.5 节制 作 好 的 “路 灯 ” 文件， 使 用 “颜色 ” 面 ， 
遍 闭 板 调 制 一 种 线性 渐变 色 填充 路 灯 杆 ， 然 后 使 用 “渐变 变形 工具 ”; 
”图 园 ;修改 浙 交 效 果 。 最 后 使 用 “椭圆 工具 ”和 “选择 工具 ”绘制 光 晕 ， 
并 进行 径 向 填充 。 最 终 效果 如 图 2-150 所 示 。 


操 轿 步 国 一 一 一 如 图 2-150 ”路 灯 效 果 图 

(1 ) 执行 “文件 ”1 “打开 ”命令 ， 打 开 2.2.5 节制 作 的 “路 灯 ” 文 件 。 

(2 ) 执行 “窗口 ”1 “颜色 ”命令 ,打开 “颜色 ”面板 。 在 左上 和 角 单 击 “ 填 充 颜 色 ” 按 钮 ,在 “颜色 类 
型 ”下 拉 列 表 中 选择 “线性 渐变 ”, 然后 在 面板 底部 的 渐变 色 带 上 设置 填充 颜色 为 #CCCCCC 和 #666666， 
如 图 2-151 (a ) 所 示 。 选 择 “颜料 桶 工具 ”， 单 击 路 灯 图 形 的 填充 区 域 ， 效 果 如 图 2-151 (b ) 所 示 。 

有 关 “ 颜 色 ” 面 板 的 具体 使 用 方法 将 在 第 4 章 进 行 讲解 。 

(3 ) 使 用 “渐变 变形 工具 ” 单 击 填充 后 的 路 灯 杆 ,对 填充 后 的 颜色 分 布 进行 调整 ,效果 如 图 2-152 (a) 
所 示 。 同 样 的 方法 调整 灯 置 的 填充 方向 和 颜色 分 布 ， 效 果 如 图 2-1S2 (b ) 所 示 。 

接 下 来 绘制 光 晤 效果。 

(4 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 ,新 建 一 个 图 层 , 并 将 该 图 层 拖 放 到 最 底层 。 然 后 选择 
“椭圆 工具 ”， 在 属性 面板 上 设置 笔触 颜色 “无 "， 填 充 色 任 意 ， 在 舞台 上 绘制 一 个 椭圆 。 打 开 “ 颜 色 ” 面 
板 ， 设 置 颜色 类 型 为 “ 径 向 渐变 ”， 颜 色 为 黄色 到 白色 渐变 ， 且 白色 的 Alpha 值 为 12%， 如 图 2-153 所 示 。 

(5 ) 使 用 “多 边 形 工具 ”选取 椭圆 的 上 半 部 ， 并 按 Delete 键 将 其 删除 。 此 时 的 效果 如 图 2-154 所 示 。 


(b) 
图 2-151 颜色 设置 并 填充 图 2-152 ”调整 路 灯 的 填充 效果 


图 2-153 颜色 设置 图 2-154 ”学 晨 效 果 


(6 ) 调整 路 灯 和 光学 在 舞台 中 的 位 置 , 效果 如 图 2-155 所 示 。 然 后 复制 一 个 光 早 ,并 执行 “修改 ” | 
变形 ”1 “水 平 翻转 ” 命 全 ,调整 光 军 位 置 后 的 效 末 如 图 2-156 所 示 。 


图 2-155 ”调整 光 晨 的 位 置 图 2-156 路 灯 效 果 
(7) 双击 路 灯 的 轮廓 线 选中 所 有 轮廓 ， 按 Delete 键 删 除 ， 最 终 效果 如 图 2-150 所 示 。 
2.6.5 ”橡皮 氛 工 具 


“橡皮 擦 工 具 ” 图 主要 用 来 擦 除 舞 台 上 的 对 象 或 对 象 的 部 分 区 域 ， 可 以 很 便利 地 擦 除 笔触 和 填充 区 
域 的 颜色 。 


在 舞台 上 创建 的 矢量 文字 ， 或 者 导入 的 位 图 图 形 ， 都 不 可 以 直接 使 用 橡皮 擦 工具 氛 除 。 
注意 必须 先 使 用 “修改 ”菜单 中 的 “分 离 ” 命 令 将 文字 和 位 图 打 散 成 矢量 图 形 后 才能 够 擦 除 。 


选择 绘图 工具 箱 中 的 “橡皮 控 工 具 ” 后 ， 会 在 绘图 工具 箱底 部 出 现 三 个 选项 。 它 们 分 别 是 “橡皮 探 
黄 式 ” 国 、“ 水 龙头 ” 国 和 “橡皮 掠 形状 ” 国 . 
(1 ) 选择 绘图 工具 箱 中 的 “橡皮 擦 工具 ”图 后 ， 在 绘图 工具 箱底 部 单 击 “橡皮 擦 模 式 ” 按 钮 国 ， 选 
择 擦 除 模 式 ， 如 图 2-157 所 示 。 
Yy 标准 擦 除 国 : Animate CC 2018 默认 的 擦 除 模式 。 可 以 擦 除 矢量 图 形 、 线 条 、 
打 散 的 位 图 和 文字 。 
Y 擦 除 填 色 图 : 只 可 以 擦 除 填 充 色 块 和 打 散 的 文字 ， 不 能 擦 除 矢量 线 。 
Y 擦 除 线条 图 : 只 可 以 擦 除 矢量 线 和 打 散 的 文字 ， 不 能 擦 除 矢量 色 块 。 
9 擦 除 所 选 填充 联 : 只 可 以 擦 除 已 被 选择 的 填充 色 块 和 打 散 的 文字 ， 不 能 擦 ”图 2-157 ”橡皮 按 模 式 
除 矢量 线 。 使 用 这 种 模式 之 前 ， 必 须 先 选中 一 块 区 域 。 
所 内 部 擦 除 国 : 该 模式 与 画笔 工具 的 “内 部 绘画 ”模式 相似 。 擦 除 图 形 时 ， 只 可 以 擦 除 填充 区 域 的 
内 部 。 当 从 外 往 里 擦 时 ， 不 会 擦 除 填充 区 域 。 


提示 : | ”选择 绘图 工具 箱 中 的 “橡皮 擦 工具 ”后 ， 按 住 Shift 键 不 放 ， 在 舞台 上 按 下 鼠标 左 键 并 沿 
水 平方 向 拖 动 鼠标 ， 会 治水 平方 向 擦 除 ; 在 舞台 上 按 下 鼠标 左 键 并 沿 垂 直方 向 拖 动 鼠标 ， 会 沿 
季 直 方 向 擦 除 ; 如 果 需 要 擦 除 舞台 上 所 有 的 对 象 , 双 击 绘图 工具 箱 中 的 “橡皮 擦 工具 ”按钮 即 可 。 


(2 ) 单 击 “ 橡 皮 擦 形状 ”按钮 图 ， 在 弹出 的 下 拉 菜 单 中 选择 橡皮 擦 的 形状 和 大 小 。 
Animate CC 2018 提供 十 种 大 小 不 同 的 形状 选项 ， 其 中 国 形 和 和 矩形 的 橡皮 擦 各 五 种 ， 单 击 即 可 选择 橡 


(3 ) 在 舞台 需要 探 除 的 区 域 按 下 鼠标 左 键 并 拖 动 ， 即 可 控 除 。 
劣 俱 一 办 


2 

如 果 要 一 次 性 擦 除 三 台 上 的 所 有 对 象 ， 可 以 在 绘图 工具 箱底 部 选择 “水 龙头 ”工具 用 ， 龟 标 指针 变 
为 水 龙头 形状 径 时 ， 单 击 线 条 或 填充 区 域 中 的 某 处 就 可 擦 除 线条 或 填充 区 域 。 它 的 作用 有 如 先 选择 线条 
或 填充 区 域 ， 然 后 按 Delete 键 。 它 与 “橡皮 擦 工 具 ” 的 区 别 在 于 ， 橡 皮 探 只 能 够 进行 局 部 擦 除 ， 而 水 龙 
头 工 具 可 以 整体 探 除 。 


2.7 视图 工具 


在 实际 绘图 过 程 中 ， 如 果 舞 台 很 大 ， 常 常 需 要 查看 其 他 位 置 的 图 形 ， 或 缩小 视图 ， 以 宏观 查看 绘 
图 效果 ; 或 放大 视图 ， 以 更 细致 地 查看 绘制 的 图 形 ， 或 对 图 形 进行 修改 。 在 绘图 工具 箱 中 ，Animate CC 
2018 提供 方便 用 户 进行 绘图 操作 的 “ 手 形 工具 ” 圈 和 “缩放 工具 


2.7.1 手 形 工具 


当 编辑 的 对 象 超出 舞台 显示 区 域 时 ， 用 户 可 以 使 用 视图 右 侧 和 下 方 的 深 动 条 ， 将 需要 编辑 的 部 分 移 
动 到 舞台 中 ， 还 有 一 种 方便 的 方法 就 是 使 用 “ 手 形 工具 ” 辆 .“ 手 形 工具 ” 圈 可 以 将 工作 区 域 进 行 平 移 ， 
或 在 工作 区 域 周围 的 各 个 方向 移动 。 

单 击 绘图 工具 箱 中 的 “ 手 形 工具 ” 国 ， 然 后 将 鼠标 指针 移动 到 舞台 ， 可 以 看 到 鼠标 指针 变 成 了 手 形 
地 ， 按 下 鼠标 左 键 并 拖 动 ， 整 个 舞台 的 工作 区 将 随 着 鼠标 的 拖 动 而 移动 。 在 使 用 过 程 中 ， 还 可 以 通过 按 
住 空格 键 实现 手 形 工具 与 其 他 工具 的 切换 使 用 。 

“ 手 形 工具 ” 围 分 组 下 还 有 两 个 有 用 的 工具 :“ 旋 转 工具 ” 医 江 和 “时 间 划 动工 具 ” 图 . 


单 击 “ 旋 转 工具 ”按钮 攻 ， 舞 台中 心 位 置 显示 千 ， 鼠 标 指标 变 为 @@ ， 按 下 鼠标 左 键 拖 动 ， 将 以 舞台 
中 心 位 置 为 中 心 点 ， 旋 转 舞 台 及 舞台 上 的 所 有 对 象 ， 如 图 2-158 (a ) 所 示 。 
在 舞台 上 单 击 ， 可 以 修改 旋转 中 心 点 的 位 置 ， 如 图 2-158〈b ) 所 示 。 


图 2-158 旋转 舞台 的 效果 


“时 间 划 动工 具 ” 攻 用 于 在 有 舞台 上 平移 时 间 轴 。 单 击 “ 时 间 划 动工 具 ” 按 钮 攻 ， 上 鼠标 指针 变 为 本， 
按 下 鼠标 左 键 向 左 或 同 右 拖 动 ， 可 以 在 平移 方向 上 查看 整个 时 间 轴 。 


2.7.2” 缘 放 工 具 


使 用 “缩放 工具 ” 国 可 以 放大 或 缩小 舞台 工作 区 内 的 图 像 ， 以 查看 图 形 的 细小 部 分 或 进行 总 览 。 

(1) 在 绘图 工具 箱 中 单 击 “ 缩 放 工 具 ” 按 钮 国 ， 绘 图 工具 箱底 部 会 显示 “缩放 工具 ”的 两 个 选项 ， 
图 表示 放大 ， 国 表示 缩小 。 

(2 ) 选择 需要 的 缩放 工具 ， 然 后 在 舞台 上 单 击 ， 即 可 放大 舞台 及 舞台 上 的 对 象 。 


使 用 缩放 工具 时 ， 整 个 舞台 上 的 对 象 将 同步 缩放 。 


2.7.3 上 机 练 > 查看 舞 全 上 的 内 容 
, 妓 园 。 本 节 通 过 讲解 放大 舞台 局 部 区 域 的 步骤 ， 使 读者 熟练 掌握 
只 三 目 加 缩放 工具 的 使 用 方法 。 :2-9 上 机 练习 ”查看 


[| 


Ai ， 加 二 ”首先 导入 要 查看 的 图 片 ， 然 后 使 用 “放大 工具 ”选中 要 查看 的 区 域 ，Animate CC | 
” 同 四 : 2018 将 自动 在 当前 窗口 中 最 大 限度 地 放大 选中 区 域 ， 效果 如 图 2-159 所 示 。 


(a) (b) 
图 2-159 ” 放 天 选择 区 域 


操 轿 步 国 


(1 ) 新 建 一 个 Animate CC 2018 文档， 执行“ 文件”，1 “导入 ”1 “导入 到 舞台 ”命令 ， 导 人 一 幅 
要 碍 看 细节 的 图 片 。 


(2 ) 执行 “窗口 ”1 “信息 ” 伸 令 ， 打 开 “ 信 息 ” 面 板 。 修 改 图 片 的 太 二 和 位 置 ， 使 其 大 小 与 舞台 
大 小 相同 ， 且 左上 角 对 齐 ， 如 图 2-160 所 示 。 


(3 ) 在 工具 箱 中 单 击 “缩放 工具 ”按钮 国 ， 然 后 在 工具 箱底 部 选择 放大 工具 国 ， 在 要 查看 的 区 域 按 
下 鼠标 左 键 拖 动 ， 所 定义 的 区 域 将 由 一 个 蓝 框 标示 出 来 ， 如 图 2-161 所 示 。 


小 | 太 


二 
FP 
[| i 


十 : 5 
高 :已 
x* |:- 
绿 : - 
苗 : 
A: = 
# 边 
边 : 


度 : - 


图 2-160 ”调整 图 片 大 外 和 位 置 图 2-161 标示 要 查看 的 区 域 


(4) 释放 鼠标 完成 区 域 的 选择 。Animate CC 2018 将 自动 放大 指定 的 区 域 (放大 比例 最 大 为 2000%)， 
并 显示 在 当前 窗口 中 ， 如 图 2-159 (b ) 所 示 。 
劣 代 为， 

位 于 编辑 栏 右上 角 的 显示 比例 列表 框 [EGR 国武 可 以 用 来 精确 地 放大 或 缩小 对 象 ， 放 大 或 缩小 范 国 
是 25%~800%。 此 外 ， 它 还 有 3 个 选项 : 

(1 ) 符合 窗口 大 小 : 使 三 台 刚 好 完全 显示 在 工作 区 窗口 中 。 

(2 ) 显示 帧 : 当 大 人 台 上 的 对 象 超 出 显示 区 而 无 法 看 清 全 貌 时 ， 将 舞台 恢复 到 中 间 位 置 。 


(3 ) 显示 全 部 : 以 奋 台 的 大 小 为 标准 ， 将 舞台 中 所 有 的 对 稍 以 等 比例 最 大 限度 地 放大 或 最 小 限度 地 
缩小 对 痊 以 看 清 全 貌 。 


2.8 3D 转换 工具 


Animate CC 2018 提供 两 个 3D 转换 工具 一 一 3D 平移 工具 圆 和 3D 旋转 工具 圈 。 借 助 这 两 个 工具 ,用 
户 可 以 在 舞台 的 3D 空间 中 移动 和 旋转 影片 剪辑 ， 创 建 逼 真 的 透视 效果 。 
3D 平移 和 3D 旋转 工具 都 允许 用 户 在 全 局 3D 空间 或 局 部 3D 空间 中 操作 对 象 。 全 局 3D 空间 即 为 舞台 


空间 ， 旋 转 和 平移 与 舞台 相关 ; 局 部 3D 空间 即 为 影片 剪辑 空间 ， 局 部 变形 和 平移 与 影片 剪辑 空间 相关 。3D 


平移 和 旋转 工具 的 默认 模式 是 全 局 ， 若 要 切换 到 局 部 模式 ， 可 以 单 击 工具 箱底 部 的 “全 局 转换 ”按钮 图 ]， 


2.8.1 3D 平移 工 且 


在 3D 术语 中 ，3D 空间 中 移动 一 个 对 象 称 为 “平移 "， 各 要 使 对 象 看 起 来 离 观察 者 更 近 或 更 远 ， 可 
以 使 用 3D 平移 工具 沿 Z 轴 移 动 该 对 象 。 

将 这 两 种 效果 中 的 任意 一 种 应 用 于 影片 剪辑 后 ，Animate CC 2018 会 将 其 视 为 一 个 3D 影片 剪辑 ， 选 
择 该 影片 剪辑 时 会 显示 一 个 重 琶 在 其 上 面 的 彩 轴 指 示 符 (XX 轴 为 红色 、Y 轴 为 绿色 ，Z 轴 为 蓝 色 )。 

使 用 3D 平移 工具 圆 可 以 在 3D 空间 中 移动 影片 剪辑 实例 。 在 使 用 该 工具 选择 影片 剪辑 后 ， 影 片 剪辑 
的 X 轴 、 立 轴 和 Z 轴 将 显示 在 对 象 上 ， 如 图 2-162 所 示 。 

应 用 3D 平移 的 所 选 对 象 在 舞台 上 显示 3D 轴 释 加， 影片 剪辑 中 间 的 黑 点 即 为 Z 轴 控 件 。 

若 要 移动 3D 空间 中 的 单个 对 象 ， 可 以 执行 以 下 操作 : 

(1) 在 工具 面板 中 选择 3D 平移 工具 圆 ， 根 据 需要 在 工具 箱底 部 选择 “ 贴 紧 至 对 象 ”或 “全 局 转换 ” 
模式 。 

(2) 用 3D 平移 工具 单 击 舞台 上 的 一 个 影片 剪辑 实例 。 

(3 ) 将 鼠标 指针 移动 到 X、Y 或 Z 轴 控件 上 F， 此 时 鼠标 指针 的 形状 将 发 生 相 应 的 变化 。 例 如 ， 移 到 
X 轴 上 时 ， 指 针 变 为 ~. ， 移 到 YY 轴 上 时 ， 显 示 为 上 。 

(4) 按 控件 第 头 的 方向 按 下 鼠标 左 键 拖 动 ， 即 可 沿 所 选 轴 移 动 对 象 。 上 下 拖 动 Z 轴 控 件 可 在 Z 轴 上 
移动 对 象 。 

沿 X 轴 或 了 得 移动 对 象 时 ， 对 象 将 沿 水 平方 回 或 垂直 方 癌 直线 移动 ， 图 像 大 小 不 变 ; 沿 Z 轴 移 动 对 
象 时 ， 对 象 大 小 发 生变 化 ， 从 而 使 对 象 看 起 来 离 观 察 者 更 近 或 更 远 。 

此 外 ， 还 可 以 打开 如 图 2-163 所 示 的 属性 面板， 在 “3D 定位 和 人 视图” 区域 通过 设置 X、Y 或 Z 的 值 
平移 对 象 。 在 Z 轴 上 移动 对 象 , 或 修改 属性 面板 上 Z 轴 的 值 时 ,“ 高 度 ” 和 “宽度 ”的 值 将 随 之 发 生变 化 ， 
表明 对 象 的 外 观 尺 寸 发 生 了 变化 。 这 些 值 是 只 读 的 。 


8 如 果 更 改 3D 影片 剪辑 的 轴 位 置 ， 该 影片 剪辑 在 显示 时 也 会 改变 其 和 和 了 位置。 
! a 


如 果 在 舞台 上 选择 多 个 影片 剪辑 , 按 住 Shift 并 双击 其 中 一 个 选中 对 象 , 可 将 轴 控 件 移动 到 该 对 象 上 ; 
通过 双击 Z 轴 控件 ， 可 以 将 轴 控 件 移动 到 多 个 所 选 对 象 的 中 间 。 

(5 ) 单 击 属性 面板 上 “3D 定位 和 视图 ”区 域 “ 透 视角 度 ” 按 钮 图 右 侧 的 文本 框 ， 可 以 设置 FLA 文 
件 的 透视 角度 。 

透视 角度 属性 值 的 范围 为 1° ~ 180。， 该 属性 会 影响 应 用 了 3D 平移 或 旋转 的 所 有 影片 剪 钼 。 默 认 透 
视角 度 为 55。 视 角 ， 类 似 于 普通 照相 机 的 镜头 。 增 大 透视 角度 可 使 3D 对 象 看 起 来 更 接近 观察 者 。 减 小 
透视 角度 属性 可 使 3D 对 象 看 起 来 更 远 。 

(6 ) 单 击 属性 面板 上 “消失 点 ”按钮 国 右 侧 的 文本 框 ， 可 以 设置 FLA 文件 的 消失 点 。 

该 属性 用 于 控制 舞台 上 3D 影片 剪辑 的 Z 轴 方 向 ， 消 失 点 的 默认 位 置 是 舞台 中 心 。 

Animate CC 2018 文件 中 所 有 3D 影片 剪辑 的 Z 轴 都 朝 着 消失 点 后 退 。 通 过 重新 定位 消失 点 ， 可 以 更 
改 沿 己 轴 平 移 对 象 时 对 象 的 移动 方向 。 

若 要 将 消失 点 移 回 舞台 中 心 ， 单 击 属性 面板 上 的 “ 重 置 ”按钮 即 可 。 


2.8.2 3D 旋转 工具 


在 3D 空间 中 旋转 一 个 对 象 称 为 “变形 ”。 若 要 使 对 象 看 起 来 与 观察 者 之 间 形 成 某 一 角度 ， 可 以 使 用 
3D 旋转 工具 绕 对 象 的 Z 轴 旋 转 影 片 剪 辑 。 

使 用 3D 旋转 工具 国 可 以 在 3D 空间 中 旋转 影片 剪辑 实例 。 选 择 3D 旋 Y 控 件 
转 工具 后 ， 在 影片 剪辑 实例 上 单 击 ，3D 旋转 控件 出 现在 选 定 对 象 之 上 ， 如 AT SS 
图 2-164 所 示 。 

X 控件 显示 为 红色 、Y 控件 显示 为 绿色 、Z 控件 显示 为 蓝 色 ， 目 由 旗 转 
控件 显示 为 橙色 。 使 用 橙色 的 目 由 旋转 控件 可 同时 绕 和 轴 和 YY 轴 旋 转 。 一 人 人 

若 要 旋转 3D 空间 中 的 单个 对 象 ， 可 以 执行 以 下 操作 : 2 控件 目 由 旋转 控件 

(1 ) 在 绘图 工具 箱 中 选择 3D 旋转 工具 国 ， 并 根据 需要 在 工具 箱底 部 选 ” ”图 2-164 3D 旋 转轴 全 加 
择 “ 贴 紧 至 对 象 ” 或 “全 局 转换 ”模式 。 

(2 ) 单 击 舞 台 上 的 一 个 影片 剪辑 实例 。 

3D 旋转 控件 将 琶 加 显示 在 所 选 对 象 之 上 。 如 果 这 些 控件 出 现在 其 他 位 置 ， 双 击 控件 的 中 心 点 可 将 其 
移动 到 选 定 的 对 象 。 

(3 ) 将 鼠标 指针 移动 到 X、Y、Z 轴 或 自由 旋转 控件 之 上 ， 此 时 鼠标 指针 的 形状 将 发 生 相 应 的 变化 。 
例如 ， 移 到 X 轴 上 时 ， 指 针 变 为 心 ， 移 到 立轴 上 时 ， 显 示 为 必 。 

(4 ) 拖 动 一 个 轴 控 件 ， 影 片 剪 辑 即 可 绕 该 轴 旋 转 ， 或 拖 动 自由 旋转 控件 ( 外 侧 柱 色 圈 ) 同时 绕 义 轴 
和 YY 轴 旋 转 。 

左右 拖 动 X 轴 控 件 可 绕 XX 轴 旋 转 ; 上 下 拖 动 Y 轴 控 件 可 绕 YY 轴 旋 转 ; 拖 动 Z 轴 控件 进行 圆周 运动 
可 绕 Z 轴 旋 转 。 

否 要 相对 于 影片 六 辑 重 新 定位 旋转 控件 中 心 点 ， 则 拖 动 中 心 点 。 硅 要 按 45” 增 量 约 束 中 心 点 的 移动 ， 
则 在 按 住 Shift 键 的 同时 进行 拖 动 。 

移动 旋转 中 心 点 可 以 控制 旋转 对 于 对 象 及 其 外 观 的 影响 。 双 击 中 心 点 可 将 其 移 回 所 选 影片 剪辑 的 中 
心 。 所 选 对 象 的 旋转 控件 中 心 点 的 位 置 可 以 在 “变形 ”面板 的 “3D 中 心 点 ”区 域 查看 或 修改 。 

若 要 重新 定位 3D 旋转 控件 中 心 点 ， 可 以 执行 以 下 操作 之 一 : 

和 拖 动 中 心 点 到 所 需 位 置 。 

和 按 住 Shift 并 双击 一 个 影片 剪辑 ， 可 以 将 中 心 点 移动 到 选 定 的 影片 剪辑 的 中 心 。 

和 双 击 中 心 点 ， 可 以 将 中 心 点 移动 到 选中 影片 剪辑 组 的 中 心 。 

(5 ) 调整 透视 角度 和 消失 点 的 位 置 。 


2.9 买 例 精 讲 一 一 绘 刺 风景 男 
SN 国 目 ee PPPoE TY 
和 者 熟练 掌握 Animate CC 2018 工具 箱 中 各 种 常用 工具 的 使 用 方法 。 


设计 首先 制作 一 幅 渐变 的 背景 图 ， 使 用 “钢笔 工具 ”绘制 云 采 并 填充 ， 然 后 使 用 “ 线 
人 六 让 条 工具 "绘制 建筑 的 大 体 枪 廊 ,再 使 用 "选择 工具 "对 轮 廊 进 行 精确 地 调整 。 最 后 使 用 " 婚 
一 形 工具 ”和 “钢笔 工具 ”绘制 风 叶 和 草地 ， 最 终 效果 如 图 2-165 所 示 。 : 


图 2-165 ” 风 明 画 效 果 医 
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2.9.1 制作 至 尿 


(1) 新 建 一 个 Animate CC 2018 文档 。 选 择 “ 甜 形 工 具 ”， 设 置 笔触 颜色 无 ， 在 舞 
台 上 绘制 一 个 矩形 。 选 中 矩形， 打开 “信息 ”面板 ,修改 矩 形 尺 寸 与 舞台 大 小 相同 ， 且 . 
与 舞台 左上 角 对 齐 ， 如 图 2-166 所 示 。 

(2 ) 选中 和 矩形 的 填充 区 域 ， 打开 “颜色 ”面板 ， 设 置 颜色 类 型 为 “线性 渐变 ”，3 个 颜色 游标 从 左 至 
右 分 别 为 所 F94EC、 吉 7EEFD 和 #2F94EC， 如 图 2-167 (a ) 所 示 ， 填 充 效果 如 图 2-167 (b ) 所 示 。 

(3 ) 使 用 “渐变 变形 工具 ” 单 击 矩形 的 填充 区 域 ， 调 整 矩 形 的 填充 渐变 方向， 效果 如 图 2-168 所 示 。 


2-10 ”制作 缘 景 


水 加 对 | 色 板 


(b) 
图 2-166 ”修改 矩形 大 小 和 位 置 图 2-167 “颜色 ”面板 中 的 设置 
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图 2-168 调整 后 的 渐变 效果 


2.9.2 ”绘制 云 休 


(1 ) 在 图 层面 板 左 下 角 单 击 “ 新 建 图 层 ” 按 钮 ， 新 建 一 个 图 层 。 使 用 
所 示 的 云 汞 图形， 然后 打开 “颜色 ”面板 ， 闫 色 类 型 为 “线性 渐变 ”， 第 一 个 游标 为 #2F94EC， 
Alpah 值 为 20%， 第 二 个 游标 为 #D7EEFD， 如 图 2-170 所 示 。 


-169 ”绘制 出 的 云 条 图 形 图 2-170 “颜色 ”面板 中 的 设置 


(2 ) 使 用 “颜料 桶 工具 ”填充 云 人 图形， 并 使 用 “渐变 变形 工具 ”调整 它们 的 渐变 效果 ， 效 果 如 
2-171 所 示 。 使 用 “选择 工具 ”选中 云 人 的 轮廓 线 ， 按 Delete 键 删除 ， 效 果 如 图 2-172 所 示 。 


图 2-171 调整 后 的 渐变 效果 图 2-172 ”删除 轮廓 线 后 的 效果 


2.9.3 绘制 建筑 物 


(1 ) 新 建 一 个 图 层 , 使 用 “线条 工具 ”绘制 如 图 2-173 所 示 的 图 形 , 然后 使 用 “ 选 
择 工 具 ” 选 中 多 余 的 线条 ， 按 Delete 键 将 它们 删除 ， 效 采 如 图 2-174 所 示 。 


图 2-173 ”给 制 出 的 图 形 图 2-174 ”三 除 多 余 线段 后 的 效果 


(2 ) 将 鼠标 指针 移动 到 轮廓 线 上 ， 指 针 的 形状 显示 为 所 时 ， 按 下 鼠标 左 键 拖 动 调 整 线条 的 圆滑 度 ; 
将 鼠标 指针 移动 到 线条 的 交叉 点 上 ， 鼠 标 指针 形状 变 为 昌 时 ， 按 下 鼠标 左 键 拖 动 可 以 移动 线条 的 位 置 ， 
调整 后 的 效果 如 图 2-175 所 示 。 然 后 选择 “颜料 桶 工具 ”， 设 置 填充 色 为 深蓝 色 ( # 232C8E )， 在 图 形 最 
上 应 的 区 域 单 击 填充 颜色 ， 歼 果 如 图 2-176 所 示 。 


图 2-175 ”图 形 调整 后 的 效果 图 2-176 ”填充 颜色 后 的 效果 


(3) 打开 “颜色 ”面板 ,设置 从 暗 青 色 (#0F79A5 ) 到 青色 (#72E7F3 ) 再 到 暗 青 色 (#0F79A5 ) 的 
线性 渐变 效果 ， 如 图 2-177 所 示 。 使 用 “颜料 桶 工具 ”填充 中 间 区 域 ， 并 适当 调整 渐变 的 方 同 。 然 后 下 
为 其 他 的 空 日 区 域 填充 深蓝 色 ( 提 32C8E )， 效 采 如 图 2-178 所 示 。 


图 2-177 设置 渐变 颜色 图 2-178 ”填充 颜色 后 的 效果 


(4) 在 “颜色 ”面板 中 设置 从 深蓝 色 (# 塌 32C8E ) 到 亮 蓝 色 《〈 妆 4$SAB1 ) 再 到 深蓝 色 (# 规 32C8E ) 的 
线性 渐变 效果 ， 如 图 2-179 所 示 。 和 完成 后 使 用 “颜料 桶 工具 ”填充 建 筑 物 最 下 方 的 区 域 ， 并 适当 调整 浙 
变 的 方 同 。 然 后 使 用 “选择 工具 ”选中 图 形 的 轮廓 线 并 删除 ， 效 采 如 图 2-180 所 示 。 


| 


图 2-179 ”设置 渐变 颜色 图 2-180 ”填充 颜色 并 删除 轮廓 线 


2.9.4 绘制 风 叶 
(1 ) 新 建 一 个 图 层 。 选 择 “ 和 矩形 工具 ”， 笔 触 颜 色 为 深 灰 色 ( 妆 33333 )， 大 小 为 1， 
绘制 一 个 矩形 。 选 中 矩形 的 填充 区 域 ， 在 “颜色 ”面板 中 设置 从 暗 青色 (#0F79A5 ) 到 
青色 (#72E7F3 ) 再 到 暗 青色 (#0OF79A5 ) 的 线性 渐变 效果 ， 如 图 2-181 所 示 。 由 5 
(2 ) 使 用 “渐变 变形 工具 ” 单 击 矩形 , 调整 矩形 的 填充 方向 和 范围 , 效果 如 图 2-182 。 ”13 人 抽风 中 
所 示 。 


未 加 到 色 槐 


图 2-181 设置 渐变 颜色 图 2-182 ”填充 效果 


(3 ) 使 用 “起 形 工具 ”绘制 一 个 如 图 2-183 所 示 的 矩形 ， 笔 触 颜色 为 深 灰色 ( 井 33333 )， 无 填充 色 。 

(4) 使 用 “线条 工具 ”在 窍 形 中 绘制 网 格 ， 效 末 如 图 2-184 所 示 。 然 后 将 绘制 好 的 图 形 进行 复制 ， 
并 拖 放 到 如 图 2-185 所 示 的 位 置 。 

(5 ) 选中 该 图 层 中 的 所 有 内 容 , 使 用 “任意 变形 工具 ”适当 调整 图 形 的 大 小 ,并 将 其 进行 适当 的 旋转 ， 
效果 如 图 2-186 所 示 。 然 后 将 该 图 形 进行 复制 并 将 其 进行 适当 的 旋转 ， 效 有 果 如 图 2-187 所 示 。 

(6 ) 选择 “椭圆 工具 ”, 设置 笔触 颜色 无 , 按 住 Shift 键 在 舞台 上 绘制 一 个 正 圆 , 并 填充 黑白 径 向 渐变 ， 
然后 拖 放 到 两 个 风 叶 的 交叉 处 ， 如 图 2-188 所 示 。 


图 2-183 ”给 制 一 的 定形 图 2-184 ”绘制 网 格 


图 2-185 复制 图 形 


图 2-187 图形 调 整 后 的 效果 图 2-188 给 制 融 形 


2.9.5 绘制 草地 
(1 ) 新 建 一 个 图 层 。 使 用 “钢笔 工具 ”绘制 出 草地 轮廓 ， 如 图 2-189 所 示 。 


2-14 绘制 草地 


图 2-189 ”草地 轮 廊 


(2 ) 打开 “颜色 ”面板 ,设置 从 #0B381C 到 #129149 的 线性 渐变 ,如 图 2-190 (a ) 所 示 。 然 后 使 用 “ 渐 
变 变形 工具 ”调整 渐变 方向 ， 如 图 2-190 (b ) 所 示 。 


图 2-190 ”填充 草地 


(3 ) 使 用 “选择 工具 ”选中 草地 的 轮廓 线 ， 按 Delete 键 删除 。 然 后 单 击 编辑 栏 上 的 “前 切 掉 舞 台 范 
围 以 外 的 内 容 ” 按 钮 国 ， 最 终 效果 如 图 2-165 所 示 。 


2.10 党 疑 解 惑 


1. 重合 两 个 形状 时 ， 如 何不 让 上 面 的 形状 “ 擦 除 ” 下 面 的 形状 ? 

答 : 执行 “修改 ”1 “组 合 ”命令 ,将 上 面 的 形状 组 合 为 一 个 整体 , 移动 到 合适 的 位 置 后 ,再 执行 “ 修 
改 ”1 “取消 组 合 ”命令 将 其 打 散 。 

2. 在 使 用 绘图 工具 绘制 形状 时 ， 为 什么 画 出 来 的 形状 总 是 一 个 整体 ? 

答 : 选择 “绘制 对 和 象 按钮 ”时 绘制 的 是 独立 的 图 形 。 再 次 单 击 该 按钮 取消 选中 , 即 可 绘制 分 散 的 形状 。 

3. 魔术 棒 工 具 的 “ 阅 值 ”和 “平滑 ”两 个 选项 分 别 有 什 么 作用 ? 

答 :“ 国 值 ” 选 项 是 选取 对 象 时 允许 的 容 差 范围 ， 该 值 越 大 ， 去 除 的 速度 也 就 越 快 ,但 是 对 于 精细 部 
分 的 选取 ， 国 值 太 大 则 没有 太 多 的 好 处 。 平 请 ”选项 是 对 “ 国 值 ”精确 度 的 进一步 补充 。 

4. 用 橡皮 探 工 具 擦 除 和 画笔 颜色 选择 白色 的 操作 有 什么 区 别 ? 

答 : 橡皮 探 工 具 的 作用 是 把 选 定 的 颜色 擦 除 ， 而 画笔 工具 的 作用 是 在 原来 的 颜色 上 男 上 新 的 颜色 。 
仅 当 舞台 的 育 景色 是 日 色 时 ， 这 两 种 操作 可 以 探 出 同样 的 效 末 。 

5. 滴 管 工具 可 以 实现 哪些 操作 ? 

答 : 滴 管 工具 的 功能 按 操 作 大 致 分 为 以 下 四 种 。 

(1 ) 在 舞台 上 可 以 用 滴 管 工具 从 一 个 对 象 上 面 拾取 填充 、 笔 触 和 文本 属性 ， 然 后 将 所 提取 的 信息 应 
用 到 其 他 对 象 上 。 

(2 ) 单 击 舞台 上 对 象 的 边框 ， 目 动 转换 为 “墨水 瓶 工 具 ”， 可 以 将 对 象 边框 样式 应 用 到 另 一 个 对 旬 边 
框 上 。 如 于 单 击 的 是 对 象 内 部 ， 则 目 动 转换 为 “颜料 棚 工 具 ”， 将 对 象 内 部 样式 应 用 到 态 一 个 对 象 的 内 部 


填充 中 。 
(3 ) 如 果 对 文字 操作 ， 则 先 要 选中 需要 改变 的 文本 框 ， 然 后 选择 滴 管 工具 ， 单 击 目标 文字 ， 则 选中 
的 文本 框 中 的 文字 被 更 改 。 


(4) 如 采 是 位 图 ， 在 不 分 离 打 散 的 情况 下 使 用 滴 管 工具 单 击 位 图 上 的 茶 个 颜色 后 ， 则 此 颜色 将 变 为 
填充 其 他 对 和 象 的 内 部 填充 色 ; 如 果 将 位 图 分 离 打 散 ， 那 么 使 用 滴 管 工具 单 击 后 选取 的 颜色 可 以 对 其 他 对 
象 进 行 位 图 内 部 填充 。 


2.11 学 习 效果 目测 


一 、 选 择 题 
1. 下 面 ( ) 可 以 把 当前 颜色 设置 为 舞台 上 选中 图 形 的 颜色 。 

A. 选择 工具 B. 画笔 工具 C. 滴 管 工具 D. 渐变 变形 工具 
2. 呈正 圆 形 时 ， 应 先 选取 “椭圆 工具 ”"， 同 时 按 下 ) 键 。 

A.Alt B. Ctrl C. Shift D. Space 


3. 以 下 关于 “ 紧 贴 至 对 象 ”功能 描述 正确 的 是 ( )。 

A. 选择 线条 ， 单 击 紧 贴 至 对 象 按钮 后 可 以 自动 闭合 图 形 

B. 紧 贴 至 对 象 对 线条 不 起 作用 

C. 该 功能 是 所 有 工具 的 附属 工具 

D. 按 下 贴 坚 至 对 象 后 ， 用 线条 工具 绘制 线条 时 ，Animate CC 2018 能 够 目 动 捕 提 到 线条 的 端 操 
4. 用 绘图 工具 绘制 图 形 时 ， 在 工具 箱底 部 选中 “对 和 象 绘制 ”按钮 后 ,绘制 的 图 形 是 ( )。 


A. 形状 B. 独立 对 象 C. 按钮 D. 以 上 都 不 正确 
5. 多 角 星 形 工 具 用 来 绘制 多 边 形 和 星 形 ， 最 少 可 以 设置 ( ) 条 边 。 
A.l B.2 EE D.5 


6.( ) 可 以 在 未 封闭 的 图 形 内 填充 颜色 。 
A. 选择 颜料 桶 工具 后 选择 不 同 的 空 际 大 小 B. 使 用 选择 工具 拖 动 图 形 并 封闭 图 形 
C. 使 用 线条 工具 将 图 形 封 闭 D. 以 上 均 正确 
7. 使 用 颜料 桶 工具 填充 颜色 时 需要 注意 是 ( )。 
A. 对 未 封闭 的 区 域 使 用 颜料 棚 填 充 后 会 致 舞台 全 部 十 充 该 颜色 
B. 仅 能 对 有 色 区 域 填 充 
C. 使 用 颜料 桶 工具 可 以 填充 笔触 和 填充 颜色 
D. 必须 为 封 财 的 轮廓 范围 或 图 形 块 


二 、 填 空 题 

1. Animate CC 2018 提供 三 种 铅笔 模式 。 

2. 选取 不 规则 区 域 时 ， 可 以 选择 和 三 种 选择 工具 。 

3.“ 橡 皮 探 工具 ”主要 用 来 探 除 舞台 上 的 对 象 ， 选 择 绘图 工具 箱 中 的 “橡皮 探 工具 ”后 ， 会 在 工具 箱 
撒 部 出 现 三 个 选项 ， 它 们 分 别 是 

4. 在 Animate CC 2018 中 ， 可 以 使 用 “ 滴 管 工具 ”拾取 选 定 对 象 的 某 些 属性 ， 再 将 这 些 属性 赋 给 其 
他 图 形 ,“ 滴 管 工具 ”可 以 吸取 和 的 属性 。 

三 、 问 答题 


1. 铅笔 工具 的 三 种 模式 的 区 别 是 什么 ? 

2. 如 何 用 “椭圆 工具 ”绘制 标准 的 圆 形 ? 

3. 如 何 用 “ 甜 形 工具 ”绘制 标准 的 正方 形 ? 

4. 如 采 要 对 舞台 上 的 所 有 对 象 进行 统一 的 缩放 操作 ， 应 该 怎么 实现 ? 


动画 中 使 用 
四 


对 多 EO@ 


文字 在 日 常生 活 中 有 着 不 可 或 缺 的 作用 ,是 传递 信息 的 重要 手段 ， 
具有 迅速 、 准 确 等 特点 ， 也 是 动画 创作 中 最 基本 的 素材 与 内 容 。 

Animate CC 2018 为 用 户 提 供 强 大 的 文本 支持 ， 允 许 以 多 种 方式 
输入 多 种 类 型 的 文字 ， 并 可 以 方便 地 设置 文字 的 大 小 、 颜 色 、 样 式 等 
属性 以 及 排版 方式 。 
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3.1 文本 类 型 


单 击 绘图 工具 箱 中 的 “文本 工具 ”按钮 国 ， 调 出 对 应 的 属性 设置 “ 医 
面板 ， 在 “文本 类 型 ”下 拉 列表 框 中 可 以 看 到 ，Animate CC 2018 提供。 国宝。 
三 种 文本 类 型 : 静态 文本 、 动 态 文本 、 输 入 文本 ， 如 图 3-1 所 示 。 | 

静态 文本 : 在 动画 播放 过 程 中 ， 文 本 区 域 的 文本 不 可 编辑 和 改革 时 二 


变 ， 每 次 播放 时 都 相同 。 eol ”区 入 
YN 动态 文本 : 在 动画 播放 过 程 中 ,文本 区 域 的 文本 内 容 可 通过 事 Sr 
什 的 激发 而 政变 。 肖 除 锯 上 : ”动画 ; 肖 除 句 具 
N 输入 文本 : 在 动画 播放 过 程 中 ， 供 用 户 输入 文本 ， 以 产生 交互 。 四 | 相国 
这 三 种 文本 类 型 的 切换 与 设置 均 可 以 通过 如 图 3-1 所 示 的 “属性 ” 图 3_1 文本 类 型 
面板 来 完成 。 


3.2 添加 文本 对 象 


Animate CC 2018 可 以 按 多 种 方式 在 文档 中 添加 文本 ， 通 常 一 个 Animate CC 2018 文档 中 会 包含 几 种 
不 同 的 文本 类 型 ， 每 种 类 型 适用 于 特定 的 文字 内 容 。 


3.2.1 创建 静态 文本 


(1 ) 单 击 绘图 工具 箱 中 的 “文本 工具 ”按钮 轿 ， 并 调 出 对 应 的 属性 设置 面板 ， 如 图 3-2 所 示 。 
(2 ) 在 “文本 类 型 ”下 拉 列 表 中 选择 “ 毅 芒 文本 ”选项 。 
(3 ) 单 击 “ 改 变 文 本 方向 ”按钮 攻 量 ， 打 开 如 图 3-3 所 示 的 下 拉 列 表 ， 选 择 文本 的 排列 方向 。 


系列 Timea New Rorm 
大 小 : 厂 字母 间距 ; 
颜色 : 7 自动 调整 字 距 


消除 饮 齿 : ”可 读 性 消 际 锯齿 


图 3-2 “静态 又 本 ”的 属性 设置 面板 


9 只 有 静态 文本 才 可 以 在 垂直 方向 上 输入 ， 动 态 文本 和 输入 文本 只 能 在 水 平方 向 上 创建 。 
i ] 工 忆 


(4) 在 “属性 ”面板 上 的 “字符 ”区 域 设置 文本 属性 。 
和 系列 ; 用 于 设置 字体 。 人 字体 列 表 中 显示 字体 的 数量 多 少 与 Window 操作 系统 安 闭 字体 的 多 少 有 关 ， 


当前 被 选中 的 字体 左 侧 显 示 国 . 


Ya 


| 如 果 所 选 字体 不 包括 粗 体 或 斜体 样式 ,例如 常见 的 “宋体 ", 则 可 选择 “ 仿 粗 体 " 或 “ 仿 斜 体 " 


此 此 


此 丝 


此 


样式 : 设置 文本 的 显示 样式 。 选 择 * 文 本 ”| “样式 "命令 ， | 一 SR Ga 
弹出 如 图 3-4 所 示 的 子 菜单 ， 在 这 里 也 可 以 设置 不 同 的 | MD CtrltShiftl 
样式 。 仿 粗 体 (F) 
粗 体 : 设置 文本 为 粗 体 。 ee 
斜体 : 设置 文本 为 斜体 。 上 标 (U) 


仿 粗 体 。 仿 粗 体 样 式 o 
仿 和 斜体 : 仿 针 体 样 式 。 


样式 。 仿 样式 效果 可 能 看 起 来 不 如 包含 真正 粗 体 或 斜体 样式 的 字体 好 。 


上 入 : 谋 入 文本 使 用 的 字体 ， 以 便 能 在 其 他 设备 上 正确 显示 文本 效果 。 单 击 该 按钮 打开 “字符 谋 
入 ”对 话 框 ， 选 择 要 嵌入 的 字体 轮廓 。 

如 果 单 击 “ 自 动 填充 ”按钮 ， 则 会 将 选 定 文本 字段 的 所 有 字符 都 嵌入 文档 。 

大 小 : 设置 字号 。 在 字号 区 域 按 下 和 鼠标 左 键 拖 动 可 以 设置 字号 的 大 小 ， 范 围 是 8~96 之 间 的 任意 
一 个 整数 。 也 可 以 单 击 字号 ， 然 后 输入 0~2500 之 间 的 任意 一 个 整数 。 

字母 间距 : 用 于 设置 文本 的 字 距 。 单 击 右 侧 的 文本 显示 区 域 ， 输 入 数值 或 滚动 鼠标 滑轮 ， 即 可 进 
行 设 置 。 

颜色 : 设置 文本 的 显示 颜色 。 

消除 锯齿 : 指定 字体 的 消除 锯齿 属性 。 有 以 下 几 项 可 供 选择 : 

> 使 用 设备 字体 : 指定 SWFE 文件 使 用 本 地 计算 机 上 安装 的 字体 显示 文本 。 使 用 设备 字体 时 ， 应 
只 选择 通常 都 安装 的 字体 系列 ， 否 则 可 能 不 能 正常 显示 。 

> 位 图 文本 ( 无 消除 锯齿 ): 关闭 消除 锯齿 功能 ， 不 对 文本 进行 平滑 处 理 。 

> 动画 消除 锯齿 : 创建 较 平滑 的 动画 。 

> 可 读 性 消除 锯齿 : 可 以 创建 高 清晰 的 字体 ， 即 使 在 字体 较 小 时 也 是 这 样 。 但 是 ， 它 的 动画 效果 
较 差 ， 并 可 能 导致 性 能 问题 。 

> 自 定 义 消 除 锯齿 : 选中 该 项 将 弹出 “ 自 定 义 消 除 锯齿 ”对 话 框 ， 用 户 可 根据 需要 设置 粗细 、 清 
晰 度 以 及 ActionScript 参数 。 

自动 调整 字 距 : 如 果 字 体 包括 内 置 的 紧缩 信息 ， 选 中 此 项 可 自动 将 其 紧缩 。 

可 选 团 : 表示 在 播放 输出 的 动画 文件 时 ， 可 以 拖 动 鼠标 选中 文本 ， 进 行 复 制 和 和 粘贴。 否则， 不 能 
选中 这 些 文 本 。 

[EDGE 国 : 设置 文本 的 垂直 偏 移 方式 。 国 表示 将 文本 向 上 移动 ， 交 成 上 标 ; 辆 表示 将 文本 向 下 移动 ， 
变 成 下 标 。 


该 “属性 ”面板 上 还 有 其 他 几 个 选项 ， 用 于 设置 动态 文本 或 输入 文本 的 相关 属性 ， 静 态 文 本 不 可 用 ， 
所 以 在 本 下 中 不 作 介 绍 ， 将 在 相应 的 章节 中 进行 说 明 。 
(5 ) 在 舞台 上 单 击 鼠 标 ， 此 时 ， 舞 人 台 上 出 现 一 个 和 窍 形 框 ， 用 户 可 以 在 文本 框 内 输入 文字 ， 如 图 3-5 


所 示 。 


(6 ) 输入 完毕 ， 在 舞台 空 日 处 单 击 ， 退 出 文本 编辑 状态 。 

图 中 的 矩形 框 被 称 为 文本 框 。Animate CC 2018 以 文本 框 的 形式 创建 文本 ,文本 框 本 号 将 会 成 为 可 编 
得 的 对 象 ， 可 以 在 舞台 上 来 回 移 动 。 

在 舞台 上 输入 文本 后 ， 选 中 文本 ， 此 时 对 应 的 “属性 ”面板 如 图 3-6 所 示 。 除 了 可 以 修改 如 图 3-2 
所 示 的 字符 属性 ， 还 可 以 设置 文本 的 链接 属性 ， 或 应 用 滤 镜 。 


大 小 : 请 字母 间距 : 
颜色 ” 自动 调整 字 距 
消 队 饮 占 : 动画; 注 宗 句 占 
TI 
b> 段落 
wv 选项 
链接 : 
目标 : 
* 辅助 功能 
hb 滤 确 


图 3-5 输入 静态 又 本 


“静态 又 本 ”属性 面板 2 


包 链接 : 在 文本 框 中 输入 单 击 文本 时 要 加 载 的 URL， 可 以 给 动画 中 的 文本 建立 超级 链接 。 
和 目标 : 打开 超级 链接 的 方式 。 有 关 属 性 值 的 说 明 可 参阅 网 页 制作 相关 资料 。 


3.2.2 ”创建 动态 文本 


动态 文本 通常 用 于 显示 动态 更 新 的 内 容 ， 例 如 ， 在 游戏 中 实时 显示 玩家 的 得 分 。 
(1 ) 单 击 绘 图 工具 箱 中 的 “文本 工具 ”按钮 国 ， 并 调 出 对 应 的 属性 设置 面板 。 
(2 ) 在 “文本 类 型 ”下 拉 列 表 中 选择 “动态 文本 ”选项 ， 如 图 3-7 所 示 。 


字母 间距 : 
部 色 ， ”自动 蒋 整 子 距 
肖 际 锯齿 : ”动因 清 际 确 齿 


* 辅助 功能 
” 波 神 


图 3-7 “动态 又 本 ”属性 面板 


(3) 在 “属性 ”面板 上 的 “ 字 行 ”区域 设 置 文本 属性 。 动 态 文 本 的 属性 与 静态 文本 的 属性 大 任 相 同 ， 
下 面 简要 介绍 不 同 的 几 个 属性 。 

9 实 例 名 称 : 为 动态 文本 框 指定 一 个 名 称 。 通 过 程序 引用 该 名 称 , 可 以 动态 地 改变 文本 框 显示 的 内 容 。 

所 将 文本 呈现 为 HIML 力 :保留 丰富 的 文本 格式 ， 如 字体 和 超级 链接 ， 并 带 有 相应 的 HIML 标记 。 


和 9 行为 : 用 于 指定 动态 文本 的 行 类 型 。 
> 单行 : 只 显示 单行 的 文字 。 
> 多 行 : 可 以 显示 多 行文 字 。 


Y 在 文本 周围 显示 边框 园 : 按 下 该 按钮 ， 表 示 在 动画 播放 过 程 中 文本 周围 显示 边框 ， 如 图 3-8 所 示 。 


将 文本 显示 为 多 行 ， 并 且 仅 当 最 后 一 个 字符 是 换行 字符 ( 如 Windows 系统 中 的 
Enter 键 或 Macintosh 系统 中 的 Retum 键 ) 时 ， 才 换行 。 


(4 ) 在 舞台 上 单 击 鼠 标 ， 此 时 ， 舞 人 台 上 出 现 一 个 矩形 框 ， 可 以 在 文本 框 内 输入 文字 ， 如 图 3-9 所 示 。 


Fr CR | 、 
Smile 
I EE = = ee 


图 3-8 不 显示 廊 框 和 显示 语 框 的 效果 


图 3-9 输入 动态 芭 本 
为 了 与 静态 文本 相 区 别 ， 动 态 文 本 的 控制 手柄 出 现在 右 下 角 。 
($5 ) 输入 完毕 ， 在 舞台 空白 处 单 击 ， 退 出 文本 编辑 状态 。 


3.2.3 ”创建 输入 文本 


i 入 文本 的 功能 类 似 于 HTML 网 页 表单 中 的 文本 框 , 供 网 页 浏览 者 输入 文字 ,实现 用 户 与 动画 的 交互。 
(1 ) 单 击 绘图 工具 箱 中 的 “文本 工具 ”按钮 国 ， 并 调 出 对 应 的 属性 设置 面板 。 
(2 ) 在 “文本 类 型 ”下 拉 列 表 中 选择 “输入 文本 ”选项 ， 如 图 3-10 所 示 。 


请 字母 间距 ; 


” 目 动 疯 整 子 距 
肖 除 饮 齿 : ” 动 贺 清 际 锯齿 


BE 


hE” ”1 选 [ 委 


”辅助 功能 


“输入 文本 ”属性 面板 
(3) 在 “属性 ”面板 上 的 “字符 ”区 域 设 置 文本 属性 。 输 入 文本 的 属性 与 动态 文本 的 属性 大 致 相同 ， 
下 面 简要 介绍 不 同 的 几 个 属性 。 


行为 : 用 于 指定 输入 文本 的 行 类 型 ， 如 图 3-11 所 示 。 除 了 单行 、 多 行 和 多 行 不 换行 ， 输 入 文本 
的 行 类 型 还 多 了 一 个 “密码 ”选项 ， 表 示 输 入 文本 框 中 的 内 容 不 会 直接 显示 出 来 ， 而 是 使 用 “*” 
荐 换 显示 。 

最 大 字符 数 : 用 于 设置 文本 框 中 可 输入 的 最 多 字符 数 。 设 置 为 0， 表示 没有 限制 。 

(4 ) 在 舞台 上 单 击 鼠 标 ， 此 时 ,舞台 上 出 现 一 个 逢 形 框 ,可 以 在 文本 框 内 输入 文字 ， 如 图 3-12 所 示 。 


图 3-11 “输入 文本 ”属性 面板 2 图 3-12 输入 文本 
(5 ) 输入 完毕 ， 在 舞台 空 日 处 单 击 ， 退 出 文本 编辑 状态 。 
3.2.4 ”修改 文本 输入 模式 


在 Animate CC 2018 中 输入 文本 时 ， 有 两 种 不 同 的 输入 模式 : 可 变 宽度 和 固定 宽度 。 


1. 可 变 营 度 

可 变 宽 度 模式 是 Animate CC 2018 中 默认 的 文本 输入 状态 。 

(1 ) 选中 文本 工具 后 ， 在 舞台 上 单 击 显示 文本 框 ， 文 本 框 右上 角 (或 右 下 角 ) 有 一 个 小 圆圈 。 

(2 ) 输入 文本 。 

输入 文本 时 ， 文 本 框 的 长 度 随 文本 的 长 度 目 动 扩展 ， 如 果 要 对 输入 的 文本 换行 ， 需 要 使 用 回 车 键 
( Enter ) 手动 换行 ， 如 图 3-13 所 示 。 


(a) (b) 
图 3-13 可 变 宽 度 输 入 模式 


图 3-13 中 的 两 个 文本 框 不 太一 样 。 图 3-13 (a ) 的 文本 框 右 下 角 有 个 小 圆圈 ， 而 图 3-13 (b ) 的 文本 
框 的 小 圆圈 则 在 右上 角 。 事 实 上 ， 图 3-13 (a ) 的 文本 框 中 输入 的 是 动态 文本 或 输入 文本 ， 而 图 3-13 (b ) 
的 文本 框 输入 的 是 静态 文本 。 

(3 ) 输入 完毕 ， 在 舞台 空 晶 处 单 击 ， 取 消 文本 框 的 编辑 状态 。 

2. 固定 宽度 

固定 宽度 文本 框 的 大 小 在 水 平方 向 上 不 会 随 输入 的 文本 的 长 度 而 自动 扩展 。 

(1) 选中 文本 工具 后 ， 在 舞台 上 拖 动 眼 标 ， 当 文本 框 的 长 度 达 到 需要 的 长 度 时 ， 释 放 女 标 ， 即 可 绘 
制 一 个 固定 宽度 的 文本 框 。 文 本 框 的 右上 角 显 示 一 个 小 方块 。 

(2 ) 输入 文本 。 

输入 文本 时 ， 如 果 输 入 的 文字 长 度 超过 指定 的 宽度 ， 文 字 将 目 动 换行 ， 如 图 3-14 所 示 。 


Green 


图 3-14 固定 宽度 下 输入 文本 


(3 ) 输入 完毕 ， 在 舞台 空白 处 单 击 ， 取 消 文本 框 的 编辑 状态 。 


如 果 要 将 固定 宽度 文本 框 转 换 为 可 变 宽 度 文 本 框 ， 可 双击 文本 框 右上 和 角 的 小 方块 ; 如 果 要 将 可 变 宽 
度 文本 框 转换 为 固定 宽度 文本 框 ， 只 需要 拖 动 可 变 宽 度 文本 框 上 的 小 圆圈 到 适当 位 置 后 ， 释 放 和 鼠标 即 可 。 


3.2.5 ”使 用 其 他 应 用 程序 中 的 文本 


如 果 需 要 输入 的 文本 较 多 ，Animate CC 2018 还 允许 用 户 将 其 他 应 用 程序 中 的 文本 复制 、 粘 贴 到 舞 
台 上 。 

(1 ) 打开 包含 有 需要 的 文本 的 文件 ， 如 Microsoft Word。 并 选中 需要 的 文本 右 击 ， 从 弹出 的 上 下 文 菜 
单 中 选择 “复制 ”命令 。 

(2 ) 返回 到 Animate CC 2018 的 舞台 上 ， 按 Ctrl + V 快捷 键 ， 即 可 将 选中 的 文本 粘贴 到 舞台 上 ， 如 
图 3-15 所 示 。 


多 情 自 证 伤 离别 ， 
更 那 典 ,冷落 清秋 节 。 


此 去 经 年 ， 应 是 展 展 好 景 虚 设 。 
便 纵 有 二 种 风情 ， 
蝎 与 何人 说 ? 


图 3-15 ”粘贴 其 他 程序 中 的 区 本 


粘贴 的 文本 用 一 个 蓝 色 的 矩形 框 包围 ， 不 仅 可 以 移动 或 缩放 、 旋 转 ， 而 且 还 能 使 用 文本 工具 对 其 进 
行 编辑 。 
如 果 丫 贴 从 其 他 应 用 程序 复制 过 来 的 文本 之 前 ， 文 本 工具 的 输入 模式 为 秋 直 方向 ， 则 净 
注意 。 贴 的 文本 也 将 是 垂直 文本 ， 通 常会 显示 得 比较 混乱 。 


3.2.6 ”上 机 练 


| 本 节 练习 制作 一 组 漂亮 的 图 案 文字 ， 通 过 对 操作 步骤 的 详 
Ne 细 讲 解 ， 使 读者 熟练 掌握 创建 文本 、 设置 文本 属性 以 及 对 文本 
| 进行 美化 的 方法 。 : 


设计 首先 在 基 台 上 叶 入 一 幅 背景 图 像 ， 打 散 为 形状 ， 用 于 填充 文字 。 然后 输入 文字 ， 
/ye 站 打 散 为 形状 后 ， 柔 化 填充 边缘 创建 柔 化 边框 。 最 后 删除 文本 的 填充 区 域 和 文本 以 外 的 
~ 图 形 区 域 创 建 图 案 文字 ， 最 终 效 果 如 图 3-16 所 示 。 / 


3-1 


图 3-16 彩 图 区 放 效 果 图 


一 一 一 
1. 创建 彩 图 背景 


(1) 在 “文件 ” ei “新建” 命令 ,创建 一 个 新 的 Animate CC 2018 文件 ( ActionScript 3.0 )。 

(2 ) 执行 “文件 ”|“ 导 入 ”|“ 导 入 到 舞台 ”命令 ， 在 弹出 的 “导入 ”对 话 框 中 选择 用 于 填充 文字 的 
图 片 名 称 ， 然 后 间 击 “打开 *” 禄 包 ， 

此 时 ， 在 舞台 上 将 出 现 刚 才 导 入 的 图 片 。 

(3 ) 单 击 绘 图 工具 箱 中 的 “选择 工具 ”按钮 国 , 将 导入 的 图 片 拖 动 到 舞台 中 央 。 然 后 打开 “信息 ” 
面板 ,修改 图 片 的 尺寸 和 坐标 ,使 之 与 舞台 尺寸 匹配 ， 且 图 片 左上 角 与 舞台 左上 角 对 齐 ， 如 图 3-17 所 示 。 


图 3-17 导入 图 形 后 的 舞 身 


(4) 执行 “修改 ”|“ 分 离 ” 命 令 ， 将 图 片 打 散 。 分 散 后 的 效果 如 图 3-18 所 示 。 


妈 3-18 ”分散 图 形 


2. 输入 文字 并 柔 化 
(1 ) 选择 绘图 工具 箱 中 的 “文本 工具 ” 国 , 在 “属性 ”面板 上 设置 字体 为 Broadway BT, 文本 颜色 为 
蓝 色 ， 字 体 大 小 为 90。 在 舞台 上 单 击 输入 “wahaha ”。 


(2 ) 使 用 “选择 工具 ”图 将 文字 拖 到 舞台 上 方 , 连 续 两 次 执行 “修改 "| 分离” 命令 ,将 文字 打 散 成 形状 ， 
如 图 3-19 所 示 。 


(3 ) 执行 “修改 ”| “形状 ”| “和 柔 化 填充 边缘 ”命令 ,在 弹出 的 “ 柔 化 填充 边缘 ”对 话 框 ,设置 “距离 * 


为 20 像素 ，“ 步 长 数 ” 为 4， 方向” 选择 “扩展 "。 单 击 “ 确 定 ” 按 钮 ,此 时 文字 周围 出 现 壮 渐 柔 化 的 边框 ， 
如 图 3-20 所 示 。 


aa Wahana 


图 3-19 打 散 北 字 图 3-20 ”刻字 周围 册 现 柔 化 贰 框 


(4) 使 用 “选择 工具 ”图 单 击 舞台 的 空白 处 ， 取 消 对 文字 的 选择 。 然 后 按 住 Shifi 键 ， 依 次 选中 文本 
的 填充 部 分 ， 执 行 “编辑 ” | “清除 ”命令 ， 将 选中 的 填充 区 域 删除 ， 只 剩 下 柔 化 边框 ， 如 图 3-21 所 示 。 

3. 图 文 合并 

(1 ) 使 用 “选择 工具 ”图 枉 选 所 有 文字 边框 ， 然 后 向 下 拖 动 到 分 散 的 图 片 中 ， 如 图 3-22 所 示 。 


2 
有 


图 3-21 和 柔 化 廊 杠 图 3-22 ”将 文字 邦 放 到 图 片 中 


(2 ) 单 击 图 片 文字 外 围 部 分 ,将 它们 全 部 选中 。 人 然后 执行 “编辑 ”1 “清除 ”命令 ， 将 选中 的 图 片 
部 分 删除 ， 得 到 要 制作 的 彩 图 文字 ， 如 图 3-16 所 示 。 


在 舞台 上 创建 文本 之 后 ， 常 常 需 要 对 文本 进行 编辑 、 修 改 ， 以 满足 设计 需要 。 例 如 ,设置 文本 的 行 
距 和 对 齐 方式 、 将 静态 文本 转换 为 动态 文本 或 输入 文本 、 将 文本 转化 为 撩 量 图 形 并 进行 填充 ， 等 等 。 
3.3.1 ”设置 段落 属性 

文本 的 段落 属性 包括 对 齐 方式 和 边界 间距 两 项 内 容 。 

1. 对 齐 方 式 

执行 “文本 ” | “对 齐 ” 命 令 ， 在 弹出 的 子 菜单 中 可 以 设置 段落 的 对 齐 方式 ， 如 图 3-23 所 示 。 

选中 舞台 上 的 文本 后 ,通过 “文本 工具 ”属性 设置 面板 中 的 四 个 对 齐 按钮 也 可 以 对 齐 文本 。 如 图 3-24 
所 示 ， 从 左 到 右 依 次 表示 左 对 齐 、 居 中 对 齐 、 右 对 齐 、 两 端 对 齐 。 

2. 间距 和 边 距 

选中 要 设置 段落 格式 的 文本 ， 调 出 “属性 ”面板 ， 单 击 “ 属 性 ”面板 上 的 “间距 ”和 “ 边 距 ” 右 侧 
的 文本 字段 ， 可 以 设置 间距 和 边 距 ， 如 图 3-25 所 示 。 


Ctrl+Shift+L 
Ctrl+Shift+C 
Ctrl+Shift+R 
Ctrl+Shift+J 


图 3-23 “对齐 ” 子 菜单 图 3-24 设置 对 齐 方式 图 3-25 了 惠 置 间距 和 和 丰 距 


3 国 : 设置 文本 的 缩 进 量 ， 即 文本 距离 文本 框 或 文本 区 域 左边 缘 的 距离 。 当 数值 为 正 时 ， 表 示 文本 
在 文本 框 或 文本 区 域 左边 缘 的 右边 ; 当 数 值 为 负 时 ,表示 文 本 在 文本 框 或 文本 区 域 左 边缘 的 左边 。 

9 阮 : 设置 行 间 距 。 当 数值 为 正 时 ， 表示 两 行文 本 处 于 相 离 状态 ， 当 数值 为 负 时 ， 表 示 两 行文 本 处 
于 相交 状态 。 

包围 :设置 左边 距 ， 即 文本 内 容 距 离 文本 框 或 文本 区 域 左边 缘 的 距离 。 

S E 四 : 设置 右边 距 ， 即 文本 内 容 距离 文本 框 或 文本 区 域 右 边缘 的 距离 。 


3.3.2 ”转换 文本 类 型 


Animate CC 2018 文本 类 型 有 三 种 : 静态 文本 、 动 态 文本 、 输 入 文 
本 ， 其 中 静态 文本 是 系统 默认 的 文本 类 型 。 在 动画 制作 过 程 中 ， 用 户 
可 以 轻松 地 转换 文本 类 型 。 

(1 ) 在 舞台 上 选中 需要 进行 转换 的 文本 。 

(2 ) 打开 “属性 ”面板 ， 在 “文本 类 型 ”下 拉 列 表 框 中 选择 将 要 
转换 的 目标 类 型 ， 如 图 3-26 所 示 。 

”自动 调整 字 上 距 


3.3.3 ”分 敢 文 字 消除 据 频 :| 可 读 性 滑 了 康 负 


分 散文 字 就 是 将 文字 转换 为 矢量 图 形 。 将 文字 转化 成 矢量 图 玫 
用 户 就 可 以 像 编 辑 图 形 一 样 修改 文字 的 属性 ， 例 如 选择 位 图 、 渐 变色 图 4 2 转 找 六 本 类 于 


等 填充 效 末 创建 图 条 文本 ,或 者 使 用 橡皮 探 工 具 删 除 文字 的 一 部 分 ， 从 而 创建 特殊 的 效 采 。 此 外 ， 为 了 
在 观看 动画 作品 时 能 够 正确 显示 动画 中 的 字体 ， 通 篆 也 需要 分 解 文本 并 将 它 转 化 为 形状 。 

(1 ) 选中 和 田 pi ep A 如 图 3-27 所 示 。 

(2 ) 执行 “修改 ”1 “分 离 ”命令 ,此 时 ,文本 中 的 每 个 字符 被 放置 在 单独 的 文本 块 中 ,如 图 3-28 所 示 。 


(3 ) 再 次 执行 “修改 ”|“ 分 离 ” 命令 。 上 3-29 所 示 。 


图 3-27 输入 的 又 本 图 3-28 ”第 一 次 分 离 的 区 字 图 3-29 应 用 了 两 次 “分 离 ” 命 令 


092 AR 207 


此 时 ， 可 以 像 编 辑 和 拓 量 图 形 一 样 对 分 离 后 的 文本 进行 修改 、 描 边 、 填 充 等 操作 。 例 如 ， 使 用 “部 分 
选取 工具 ” 单 击 分 离 后 的 第 一 个 字母 ， 可 以 看 到 字母 四 周 显示 的 路 径 点 ， 如 图 3-30 所 示 。 

使 用 堆 水 瓶 工 具 在 文本 的 边 绿 上 单 击 ， 可 为 文本 描 边 ， 鸡 果 如 图 3-31 所 示 ; 使 用 选择 工具 选中 填充 
色 块 ， 按 下 Delete 键 可 以 删除 填充 色 块 ， 如 图 3-32 所 示 。 还 可 以 使 用 位 图 填充 分 离 后 的 文本 ， 效 果 如 
图 3-33 所 示 。 


oke Joke Jolss Fnkg 


图 3-30 ”显示 路 径 点 图 3-31 ”六 本 填充 效果 图 3-32 ”删除 填充 色 块 图 3-33” 信 图 填充 效果 
~» 分 散文 字 的 过 程 是 不 可 逆 的 。 也 就 是 说 ， 可 以 将 文字 转变 成 矢量 图 形 ， 但 不 能 将 撩 量 图 | 
GE 形 转 变 成 单个 的 文字 或 文本 。 即 使 重新 组 合 字符 或 者 把 它们 转换 成 为 元 件 ， 也 不 能 再 应 用 | 


| 生 若 。 体 、 字 距 或 是 段落 选项 。 


3.3.4 上 机 练 > 


本 节 通 过 一 个 需 虹 灯 的 实例 对 前 面 章节 中 所 有 的 知识 加 
oo 使 读者 掌握 创建 文本 、 分 散文 本 ， 对 文本 进行 ; Pe 
ee .3-2 上 机 练习 一 殉 虹 灯 


eh de ele chad Dl sea a Cb aad ed i hbase Sl set ll bthad a Sl adi ls ede dh bel ea i aa a sb dl eal tal li Gd deb bd beside eb kl Dh ddd a le bale el, dsb sr le bball ba 


首先 使 用 “椭圆 工具 ”和 “ 算 形 工具 ” 0 并 进行 填充 ;然后 使 用 文 
A 锰 捕 林 工 上 ”创建 文 二， 通过 打 玫 文字， 对 文本 过 生 撕 边 和 六 最 后 组 合 文本 和 图 形 ， 
” 辐 图 最终 效 果 如 图 3-34 所 示 。 黑 色 的 背景 ， 径 向 渐变 的 文字 ， 黄 色 有 柔 化 的 轮 廊 线 ， 再 加 上 
许多 迷人 的 光斑 ， 就 像 都 市 夜景 的 霓虹灯 ， 给 人 一 种 梦幻 的 感觉 。 


图 3-34 ” 殉 虹 灯 鸡 果 图 


操 回 步 贺 
(1 ) 新 建 一 个 Animate CC 2018 文档 ( ActionScript 3.0 )， 育 景 颜色 为 黑色 。 
(2 ) 选择 “椭圆 工具 ”， 在 属性 面板 上 设置 笔触 颜色 无 ， 填 充 色 任意 ， 按 住 Shift 键 在 舞台 上 绘制 一 
个 国 形 。 


(3 ) 选择 绘制 的 图 形 ， 执 行 “ 窗 口 ” | “颜色 ”命令 ， 打开 “颜色 ”面板 ， 在 右上 角 的 颜色 类 型 下 
拉 列 表 中 选择 “ 径 回 渐变 "， 单 击 面板 下 方 的 户 变 色 珊 ， 添 加 颜色 游标 ， 并 设置 颜色 游标 从 左 到 右 分 别 为 
红色 、 淡 黄色 、 蓝 色 、 绿 色 、 黄 色 ， 如 图 3-35 (a ) 所 示 。 设 置 完 成 后 的 图 形 效 果 如 图 3-3$ (b ) 所 示 。 


mm ee ee ee ee ee ee ee ee ee ee ee em 


提示 : ! 
i; 有关“ 颜色 ”面板 的 使 用 方法 请 参见 第 4 章 的 介绍 。 


(4 ) 执行 “修改 ”1 “形状 ” 1 “和 柔 化 填充 边缘 ”命令 ， 在 弹出 的 “和 柔 化 填充 边 绿 ”对 话 框 中 设置 
“距离 ”为 30 像素 ，“ 步 长 数 ”为 14， 方 回 ” 为 “扩散 ”, 如 图 3-36 (a ) 所 示 。 设 置 完 成 后 , 单 击 “确定 ” 
按钮 ， 柔 化 后 的 图 形 如 图 3-36 (b ) 所 示 。 


径 同 浙 变 
训 : 国 叫 四 
姜 性 RGB 


图 3-35 ”图 形 的 填充 效果 图 3-36 和 柔 化 参数 和 效果 


(5 ) 在 工具 箱 中 单 击 “ 甜 形 工具 ”和 “对 象 绘制 ”按钮 ,在 属性 面板 上 设置 无 笔触 闫 色 。 然 后 打开 “ 闫 
色 ” 面 板 ,， 设置 “颜色 类 型 ”为 “线性 装 变 ”"， 并 在 面板 底部 的 渐变 色 市 上 单 击 瀛 加 一 个 颜色 游标 ， 设 置 
游标 的 颜色 从 左 到 右 依 次 为 蓝 色 、 绿 色 、 红 色 ， 如 图 3-37 (a ) 所 示 。 在 舞台 上 绘制 一 个 矩形 ， 移 动 到 如 
3-37(b ) 所 示 位 置 。 

(6) 使 用 “任意 变形 工具 ” 单 击 答 形 ， 将 矩形 的 变形 中 心 点 拖 放 到 圆心 处 ， 如 图 3-38 所 示 。 


滩 加 到 色 概 


图 3-37 ”给 制定 形 图 3-38 移动 变形 中 心 点 位 置 


(7) 执行 “窗口 ”1 “变形 ”命令 ， 打开 “变形 ”面板 ， 选 中 “旋转 ” 单 选 按钮 ,设置 诈 转角 度 为 
45， 然 后 单 击 “ 重 制 选区 和 变形 ”按钮 7 次 ， 如 图 3-39 所 示 。 此 时 的 舞 合 效 果 如 图 3-40 所 示 。 
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图 3-39 设置 变形 套数 图 3-40 ”变形 结果 


(8 ) 使 用 “选择 工具 ”选中 有 舞台 上 的 所 有 对 象 ,执行 “修改 ”1 “组 合 ”命令 ,将 它们 组 成 一 个 整体 ， 
然后 将 它们 拖 到 舞台 之 外 的 粘贴 板 。 

(9 ) 选择 “文本 工具 "， 在 “属性 ”面板 上 设置 字体 为 Broadway， 大 小 为 120， 颜 色 为 蓝 色 ， 在 舞台 
中 单 击 输入 字符 串 “SayHi"， 如 图 3-41 所 示 。 选 中 文本 ， 连 续 执行 两 次 “修改 ” | “分 离 ”命令 ， 将 文 
字 打 散 ， 然 后 单 击 舞台 上 的 空 日 区 域 取 消 选中 的 文字 。 

(10 ) 选择 “墨水 瓶 工 具 "， 在 “属性 ”面板 上 设置 笔触 大 小 为 3、 颜 色 为 黄色 ， 在 文本 轮廓 上 单 击 ， 
可 以 看 到 文字 的 边 绿 增加 了 呐 色 的 轮廓 线 ， 如 图 3-42 所 示 。 


图 3-41 ”输入 的 立 本 图 3-42 ”文本 描 语 效果 


(11) 按 住 Shift 键 选 中 文本 的 所 有 填充 区 域 ,， 在 “颜色 ”面板 中 设置 颜色 类 型 为 “线性 渐变 ”"， 颜 色 
游标 从 左 到 右 如 图 3-43 (a ) 所 示 ， 文 本 的 填充 效果 如 图 3-43 (b ) 所 示 。 

( 12 ) 选择 “渐变 变形 工具 ”， 在 舞台 上 单 击 义 本， 通过 鼠标 拖 动 手柄 调整 渐变 填充 色 块 的 颜色 深浅 
以 及 倾斜 度 ， 效果 如 图 3-44 所 示 。 然 后 选中 所 有 文本 ， 执 行 “修改 ”1 “组 合 ”命令 ， 将 文本 组 成 一 个 


图 3-43 ”填充 区 本 图 3-44 ”调整 渐变 效果 


(13 ) 选中 精 贴 板 上 的 光斑 图 形 ， 将 其 复制 多 份 ， 然 后 拖 到 舞台 上 适当 的 位 置 ， 最 后 的 效果 如 图 3-34 
所 示 。 


3.4 ”实例 精 讲 一 一 促销 海报 


芍 辐 。 本 节制 作 一 个 商场 的 促销 广告 ， 主 要 是 通过 文字 的 效果 来 
间 世 四国“ 受 引 日 光 ， 适 过 对 操作 步 台 的 详细 讲解 ， 使 读者 热 络 握 创建 
”二 | 文本 、 分 散文 本 ， 并 对 文本 进行 描 边 、 填 充 和 修饰 的 方法 。 。 


:首先 使 用 “文本 工具 ”输入 文字 ， 并 打 散 ， 使 用 “部 分 选取 工具 ”和 “钢笔 工具 ”; 

AN 出 叶 ;调整 文本 路 径 的 形状 ， 创 建 特殊 造型 文字 效果 。 然 后 输入 文本 并 打数 ， 使 用 “颜色 ” 
面板 和 “墨水 瓶 工具 ”对 打 散 的 图 形 进行 填充 和 描 边 ， 同 样 的 方法 制作 其 他 海报 文字 ，: 
最 终 效果 如 图 3-45 所 示 。 
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图 3-45 ”海报 效果 图 


操 轿 步 如 

(1) 执行 “文件 ”1 “新 建 ”命令 新建 一 个 Animate CC 2018 文档 ( ActionSeript 3.0 )， 舞 台大 小 
为 716 像素 x 538 像 率 。 执 行 “文件 ”|“ 导 和 ”|“ 导 入 到 舞台 ”命令 ， 导 和 一 幅 背 景 图 片 ， 适 当 调 整 图 
片 的 位 置 ， 使 图 片 左上 角 与 舞台 左上 角 对 齐 ， 歼 果 如 图 3-46 所 示 。 


图 3-46 导入 的 背 申 图 你 


(2 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 国 ， 新 建 一 个 图 层 。 在 工具 箱 中 选择 “文本 工具 ”， 打 
开 “ 属 性 ”面板 ， 按 照 图 3-47 设置 文本 字体 、 字 号 、 颜 色 、 大 小 和 字母 间距 。 然 后 在 舞台 上 单 击 ， 输 入 
文本 ， 效 果 如 图 3-48 所 示 。 
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四 | 
图 3-47 ”设置 文本 属性 图 3-48 ”输入 的 文本 效果 
(3 ) 选中 文本 ， 连 续 执 行 两 次 “修改 ”1 “分 离 ” 命 令 ， 将 文字 打 散 。 然 后 在 工具 箱 中 选择 “部 分 


选取 工具 ”， 拖 动 “ 粽 ” pdt -点 到 合适 的 位 置 ， 如 图 3-49 所 示 。 
(4) 在 工具 箱 中 选择 “钢笔 工具 ”， 在 路 径 上 双击 添加 路 径 点 。 然 后 使 用 “部 分 选取 工具 ” 拖 动 路 径 
， 修 改 路 径 的 村 曲 度 和 形状 ， 如 图 3-50 所 示 。 同 样 的 方法 ， 在 路 径 上 添加 路 径 点 ， 并 修整 路 径 形 状 ， 
最 终 效 果 如 图 3-51 所 示 。 


2 纪 粽 情 相 约 粽 情 相 约 


人) ~— 


图 3-49 ”修改 文本 的 路 径 点 图 3-50 ”添加 路 径 点 并 修改 路 径 图 3-51 路径 修整 效果 


(5 ) 选中 修改 后 的 路 径 , 打开 “颜色 ”面板 , 设置 颜色 类 型 为 “线性 渐变 ”, 渐变 疝 色 为 浅 绿 到 深 绿 ， 
如 图 3-52 (a ) 所 示 ， 填 充 效 果 如 图 3-52 (b) a 


图 3-52 ”填充 设置 及 效果 


(6 ) 单 击 文字 所 在 的 图 层 第 1 帧 选中 所 有 文本 路 径 ， 然 后 按 下 Shift 键 单 击 上 一 步 填充 的 曲线 路 径 ， 
打开 “颜色 ”面板 ， 设 置 颜色 类 型 为 “线性 潮 变 "， 填 充 色 为 次 绿 到 黑色 的 渐变 ， 如 图 3-53 (a ) 所 示 。 
填充 效果 如 图 3-53 (b ) 所 示 。 
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图 3-53 ”填充 设置 及 效果 


(7 ) 在 工具 箱 中 选择 “墨水 瓶 工 具 ” ， 设 置 笔 触 颜色 为 橙色 ， 笔 触 大 小 为 2， 在 曲线 上 单 击 进行 描 边 ， 
效果 如 图 3-54 所 示 。 

(8) 在 工具 箱 中 选择 “文本 工具 ”， 按 照 图 3-55 设置 文本 属性 ， 然 后 在 舞台 上 单 击 ,， 输入 文字 ， 效 
果 如 图 3-56 所 示 。 
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图 3-54 ” 描 廊 效果 


限时 特惠 


图 3-56 ”输入 文本 的 效果 


(9 ) 选中 文本 ， 连 续 执行 两 次 “修改 ”1 “分 离 ” 命 令 ， 将 文字 打 散 。 然 后 打开 “颜色 ”面板 ， 设 
置 颜 色 类 型 为 “线性 渐变 ” ,填充 颜色 为 黄色 到 橙色 的 渐变 ,如 图 3-57 (a ) 所 示 。 文 本 的 填充 效果 如 图 3-57 
(b ) 所 示 。 
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图 3-57 ”填充 设置 及 效果 


(10 ) 选择 “渐变 变形 工具 ”， 调 整 文本 的 填充 范围 和 填充 方 同 ， 效 果 如 图 3-58 所 示 。 然 后 选择 “ 墨 
水 瓶 工 具 ”， 在 文本 上 单 击 进行 描 边 ， 歼 果 如 图 3-59 所 示 。 


图 3-58 ”调整 填充 效果 图 3-59 ” 描 廊 效果 


(11) 使 用 “选择 工具 ,双击 “ 时 ”了 字 的 最 后 一 笔 ， 按 Delete 刍 删 除 。 然 后 使 用 “椭圆 工具 ”绘制 
一 个 圆 形 ， 移 到 删除 的 笔画 位 置 ， 如 图 3-60 所 示 。 


图 3-60 ”修改 笔画 


(12 ) 选择 “文本 工具 ”， 设 置 字体 为 “华文 中 宋 ”， 大 小 为 20， 颜 色 为 红 褐 色 ， 字 母 间 距 为 5， 在 舞 
台 上 输入 活动 时 间 ， 如 图 3-61 所 示 。 用 同样 的 方法 ， 在 舞台 上 输入 促销 内 容 ， 如 图 3-62 所 示 。 
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图 3-61 输入 活动 时 间 图 3-62 ”输入 促销 内 容 


(13 ) 选中 促销 内 容 中 的 “5.5”， 打 开 属 性 面板 ， 按 照 图 3-63 修改 文本 属性 ， 修 改 后 的 效果 如 图 3-64 
所 示 。 
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图 3-63 ”修改 交 本 属性 图 3-64 ”区 本 效果 


(14 ) 选中 文本 ， 连 续 执行 两 次 “修改 ”1 “分 离 ” 人 命令 ， 将 文字 打 散 。 然 后 打开 “颜色 ”面板 ， 
upper tty ene ee getd teesteyetij tM 
然后 使 用 “墨水 瓶 工 具 ” 进 行 描 边 ， 歼 条 如 图 3-65 所 示 。 

(15 ) 选择 “文本 工具 ”， 按 照 图 3-66 设置 文本 属性 ， 然 后 在 舞台 底部 输入 文字 。 调 整 文本 位 置 ， 最 
终 效 果 如 图 3-45 所 示 。 
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图 3-65 ” 叉 本 的 填充 效果 图 3-66 设置 文本 属性 


(16) 执行 “文件 ”1 “保存 ”命令 ， 你 仓 文 档 。 


3.5 -= 和 对 解 或 


1. 如 何 制作 空心 文字 ? 

答 : 执行 “修改 ”| “分 离 ” 命 令 将 文字 打 若 ， 用 “ 堆 水 瓶 工具 ”进行 描 边 ， 然 后 再 选取 填充 区 域 ， 
按 Delete 键 删 除 即 可 。 

2. 怎样 制作 阴影 文字 ? 

答 : 复制 文字 ， 并 粘贴 到 当前 位 置 ， 然 后 变换 文本 颜色 ， 再 按 方 癌 键 同 下 、 回 右 将 该 文本 框 各 移动 
一 个 像素 。 

3. 在 Animate CC 2018 中 怎样 消除 文字 锯齿 ? 

答 : 在 默认 情况 下 ， 在 Animate CC 2018 中 直接 输入 的 文学 部 可 以 平滑 显示 。 如 果 有 和 锯齿， 执行 “ 视 
图 ” 1 “ 预 多 模式 ”命令 ， 选 中 子玉 单 中 的 “清除 文字 锯齿 ”命令 。 


3.6 学习 效果 目测 


一 、 选 择 题 
1. 使 用 ( ) 面板 可 以 设置 文本 的 字体 和 字号 。 
A. 属性 B. 颜色 C. 对 齐 D. 库 


2. 未 分 离 的 文本 可 以 执行 人 ) 操作 。 
A. 改变 字体 颜色 B. 改变 文本 形状 C. 改变 字体 大 小 D. 都 可 以 
3. 制作 游戏 得 分 应 该 使 用 ( ), 


A. 静态 文本 B. 动态 文本 C. 输入 文本 D. 都 可 以 
4. 要 对 文本 段落 应 用 形状 补 间 ， 必 须 将 该 文本 段落 分 离 ( ) 次 。 
A.l B. 2 C.3 D.6 
二 、 判 断 题 


1. 静态 文本 输入 后 在 舞台 上 形成 的 是 天 量 图 。( ) 

2. 文本 在 分 离 后 不 能 再 次 组 合 为 文本 。( ) 

3. 在 舞台 上 输入 指定 属性 设置 的 文本 后 ， 其 大 小 不 可 调整 。( ) 
4. 文本 工具 不 能 写 纵 癌 的 文字 。( ) 


三 、 填 空 题 

1. 字体 与 字号 是 文本 属性 中 最 基本 的 两 个 属性 ， 在 Animate CC 2018 中 ， 用 户 可 以 通过 或 
进行 设置 。 

2. 在 Animate CC 2018 中 ， 文 本 类 型 可 分 为 三 种 。 


3. 在 Animate CC 2018 中 ， 字体 的 呈现 方法 包括 使 用 设备 字体 、 位 图 文本 、 动画 消除 锯齿 、 可 读 性 
消除 锯齿 和 选项 。 


在 舞台 上 创建 图 形 和 文本 等 动画 对 象 后 , 常常 需要 对 其 进行 修改 、 
编辑 等 加 工 处 理 ， 从 而 使 基本 的 对 人 象 最 终 变 得 丰富 多 彩 。 
本 章 将 介绍 一 些 常用 的 编辑 操作 。 


改变 对 人 象 的 大 小 与 形状 
群 组 与 分 解 
调整 多 个 对 象 的 位 置 
色彩 编辑 

使 用 外 部 位 图 
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4.1 ”改变 对 象 的 大 小 与 形状 


通 利 情 次 下 ， 用 户 可 以 使 用 绘图 工具 箱 中 的 目 由 变形 工具 或 黑色 稍 头 工具 修改 对 象 的 大 小 和 形状 ， 
具体 操作 已 在 第 2 音 作 了 介绍 。 如 朱 用 户 布 望 对 对 和 象 进行 精确 的 调整 ， 可 以 使 用 “修改 ”1 “变形 ”于 
沫 单 命令 实现 ， 如 图 4-1 所 示 。 
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Ctrl+Shift+Z 


图 4-1 “变形 ” 子 菜单 


其 中 ,“ 任 意 变 形 ” 命 令吉 插 所 有 对 对 象 的 变换 操作 ， 与 工具 箱 中 “任意 变形 工具 ”的 功能 一 样 ， 在 
此 不 再 获 述 。 
执行 “取消 变形 ”命令 ， 则 可 将 刚 经 过 变形 的 对 象 恢 复 到 变形 之 前 的 状态 。 
4.1.1 缩放 与 诈 转 对 象 
在 舞台 上 选择 需要 变形 的 对 象 后 ， 执 行 “修改 ”1 “变形 ”| “缩放 | 给 Kxfni 转 
与 旋转 ”命令 ,会 弹出 如 图 4-2 所 示 的 “缩放 与 旋转 ”对 话 框 。 2 
和 缩放 : 用 于 等 比例 缩放 选中 的 对 象 。 
和 旋转 : 用 于 设置 选中 对 象 的 旋转 角度 。 


图 4-2 “缩放 和 旋转 ”对 话 框 


4.1.2 ”翻转 


使 用 “变形 ” 沫 单 中 的 翻转 命令 ， 可 以 将 对 象 在 水 平方 癌 或 垂直 方向 上 进行 颠倒 。 该 操作 在 制作 镜 
像 或 倒影 效果 时 非常 有 用 。 

(1 ) 选择 舞台 上 再 要 翻转 的 对 象 。 

(2 ) 执 行 “ 修 改 ” | "变形 ”| "水 平 翻转 ”或 “垂直 翻转 ”命令 ,可 以 对 对 象 进行 相应 的 翻转 操作 ,如 图 4-3 
和 图 4-4 所 示 。 


4.1.3 ”上 机 练习 


练习 本 节 练 习 使 用 “翻转 ”命令 和 设置 实例 的 Alpha 值 。 ”4-1 上 机 练习 一 倒影 
Ne- 制作 倒影 效果 ， 通 过 操作 步骤 的 详细 讲解 ， 使 读者 熟练 
掌握 “翻转 ”命令 的 效果 和 使 用 方法 。 


PE 
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”首先 新 建 一 个 Animate CC 2018 文档 ， 并 导入 一 幅 

A 设 评 背景 图 像 。 然 后 制作 一 个 图 形 元 件 ， 并 在 三 台 上 放置 两 ， 
围攻 个 实例 。 通 过 委 直 翻转 其 中 一 个 实例 ， 并 修改 实例 的 
Alpha 值 ， 创 建 倒 影 ， 最 终 效果 如 图 4-5 所 示 。 
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图 4-5 最 终 效 果 


(1 ) 新 建 一 个 Animate CC 2018 文件 。 执 行 “ 文 件 ” 1 “ 导 人 ”| “导入 到 舞 合 ”命令 ， 导 入 一 幅 
将 作为 背景 的 图 像 ， 如 图 4-6 所 示 。 

(2 ) 单 击 时 间 轴 面板 左下 角 的 “新 建 图 层 ” 按 钮 国 , 新 建 一 个 图 层 。 执 行 “文件 ”1 “导入 ”1 “ 导 
人 和 到 舞 合 ”命令 ， 导 和 人 一 幅 图 像 ， 如 图 4-7 所 示 。 然 后 使 用 工具 箱 中 的 “任意 变形 工具 ”"， 调 整 图 像 的 大 
小 和 位 置 。 

(3 ) 选中 导 人 的 小 鱼 图 乒 ， 执 行 “编辑 ” | “转换 为 元 件 ” 人 命令， 在 弹出 的 “转换 为 元 件 ” 对 话 框 
中 输入 元 件 的 名 称 ， 在 “类 型 ”下 拉 列 表 中 选择 “图 形 ”， 然 后 日 击 “ 确 定 ” 按 钮 关闭 对 话 框 。 

(4) 执行 “窗口 ”1 “ 库 ” 命 令 ， 打开 “ 库 ” 面 板 ， 将 创建 的 图 形 元 件 拖 到 舞台 中 ， 这 样 舞 台 上 就 
有 两 个 图 形 元 件 的 实例 。 
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(5 ) 执行 “修改 ”1 “变形 ”1 “ 垂 埋 翻转 ”命令 ， 将 一 个 对 象 垂 卫 翻 转 180”， 然 后 将 其 中 一 个 
小 鱼 的 图 像 移动 到 为 一 个 小 鱼 图 像 的 下 面 ， a 4-8 i 


妈 4-7 ”导入 的 小 鱼 图 像 


(6) 单 击 下 面 的 小 鱼 图 像 ， 在 属性 面板 上 选择 Alpha 选项 ， 然 后 设置 透明 度 为 57%。 最 终 的 效 采 如 
图 4-5 所 示 。 


4.1.4 使 用 “变形 ”面板 


使 用 “变形 ”面板 可 以 精确 地 对 对 象 进 行 等 比例 缩放 、 旋 转 ， 还 可 以 精确 地 控制 对 象 的 倾斜 度 。 

(1 ) 在 舞台 上 选择 需要 精确 调整 的 对 象 。 

(2) 执行 “窗口 ”1 “变形 ”命令 ， 打 开 “ 变 形 ” 面 板 ， 如 图 4-9 所 示 。 

YN 上 :水 平方 向 的 缩放 比例 。 

YN 图 : 垂直 方向 的 缩放 比例 。 

和 如果“ 约束” 按钮 显示 为 图 ， 表 示 在 水 平和 重 直 方向 上 约束 比例 进行 缩 
放 ; 单 击 该 按钮 ， 按 姑 显示 为 转 ， 可 以 分 别 在 水 平方 向 和 垂直 方向 进行 
缩放 。 

所 旋转 : 在 “旋转 角度 ”文本 框 中 设置 旋转 的 角度 。 

S 倾斜 : 在 “水 平 倾斜 ”和 “垂直 倾斜 ”文本 框 中 分 别 输入 水 平方 向 与 重 
直方 向 需要 倾斜 的 角度 。 

3D 旋转 : 通过 设置 义 、Y 和 ZZ 轴 的 坐标 值 ， 可 以 旋转 选中 的 3D 对 象 。 

和 3D 中 心 点 : 通过 设置 义 、Y 和 Z 轴 的 坐标 值 ,移动 3D 对 象 的 旋转 中 心 点 。 

9 水 平 翻 转 所 选 内 容 国 |: 将 选中 的 对 象 进行 水 平 翻 转 。 

9 垂直 翻转 所 选 内容 贺 : 将 选中 的 对 象 进行 重 直 翻 转 。 

所 重 制 选区 和 变形 国 : 原来 的 对 象 保持 不 变 ， 制 作 一 个 副本 进行 变形 。 

外 取消 变形 图: 将 选中 的 对 象 恢复 到 变形 之 前 的 状态 。 


4.1.5 ”上 机 练习 


图 4-9 “变形 ”面板 


本 节 练 习 制 作 一 个 五 色 花 环 ， 通 过 操作 步骤 的 详细 讲解 ， 


使 读者 训 练 学 提 “变形 ”面板 的 使 用 方法 。 ”4-2 上 机 练 可 五色 


He 


ee。 CC 2018 文档 ， 为 便于 绘图 ， 调 出 网 格 ， 并 调整 网 格 大 小 。: 

语 钱 。 然后 使 用 “ 祖 加 工具 ”绘制 一 个 国 形 ， 并 将 变形 中 心 点 抑 放 到 国 形 之 外 ， 通 过 “变形 ” 

A/D> 守 0 面板 旋转 并 复制 图 形 ， 制 作 五 个 国 形 。 接 下 来 复制 最 后 一 个 贺 形 ， 填 充 黑 色 并 打 散 ， 
号 | 隐藏 图 形 , 最 终 效果 如 图 4-10 所 示 : 红 、 黄 、 绿 、 蓝 、 紫 五 个 不 同 颜色 的 圆 一 个 压 一 个 ， 

其 特殊 之 处 是 ， 最 后 是 红 圆 压 紫 圆 ， 而 不 是 紫 圆 压 红 圆 。 


| | 
图 4-10 图 像 效 果 


蒜 困 瑟 国 直 

(1 ) 新 建 一 个 文件 。 执 行 “视图 ” | “网 格 ” | “编辑 网 格 ” 命 令 , 在 弹出 的 “网 格 ” 对 话 想 中 计 拉 
“显示 网 格 ” 和 “ 贴 紧 至 网 格 ” 选 项 ,并 设置 网 格 宽 度 和 高 度 为 20 像素 ,如 图 4-11 所 示 。 然 后 单 击 “ 确 定 
按钮 关闭 对 话 框 。 

(2 ) 选择 “椭圆 工具 ”， 在 属性 面板 上 设置 填充 色 为 红色 ， 无 笔触 闫 色 ， 在 舞台 上 按 住 Shift 键 绘 制 
一 个 直径 长 为 6 个 网 格 的 正 圆 。 使 用 “选择 工具 ”双击 正 圆 的 填充 区 域 ， 然 后 执行 “修改 ”1 “组 合 ” 
命令 ， 将 其 群 组 为 一 个 整体 对 象 。 

(3 ) 选中 组 合 对 象 ， 单 击 工具 箱 中 的 “任意 变形 工具 ”按钮 ， 将 变形 框 的 中 心 点 拖 到 离 圆 左边 一 格 
的 网 格 十 字 交 点 上 ， 如 图 4-12 所 示 。 


到 4-11 “网 格 ” 对 话 框 图 4-12 移动 中 必 : 点 
(4) 执行 “窗口 ”| “变形” 命令 ,打开 “变形 ”浮动 面板 。 单 击 “ 重 制 选区 和 变形 ”按钮 国 ， 然 
后 选择 “旋转 ” 单 选 按钮 ， 没 置 旋转 角度 为 72， 如 图 4-13 所 示 。 此 时 舞台 上 会 复制 出 一 个 新 的 红 圆 ， 且 
旋转 了 72。 ， 如 图 4-14 本 


图 4-13 “变形 ”面板 图 4-14 复制 并 应 用 变形 后 的 效果 


,， |】 。 如 果 对 变形 后 的 对 象 不 满意 ， 可 以 执行 “编辑 ” | “ 撒 销 ”命令 取消 变形 操作 。 但 该 菜单 
提示 : ;命令 只 能 撤销 在 舞台 上 执行 的 最 后 一 次 变形 。 如 果 在 取消 选择 对 象 之 前 单 击 “变形 ”面板 上 的 
AZ “取消 变形 ” 按钮 国 ， 可 以 将 选中 的 对 象 恢复 到 变形 前 的 初始 状态 ， 不 管 之 前 对 该 对 象 进行 了 


(5 ) 选中 复制 出 的 圆 ， 执 行 “ 修 改 ”1 “取消 组 合 ” 命 令 将 圆 分 解 ， 在 “属性 ”面板 上 ， 将 填充 色 
修改 为 黄色 。 然 后 选中 黄色 的 圆 ， 执 行 “ 修 改 ”1 “组合” 命令， 如 图 4-15 所 示 。 

(6 ) 重复 第 (3) ~ 第 (6) 步 ， 直 到 最 后 一 个 紫 圆 。 如 图 4-16 所 示 。 与 图 4-10 比较 会 发 现 ， 紫 圆 压 
着 蓝 圆 和 红 圆 ， 但 红 圆 并 没有 压 着 紫 圆 。 

(7 ) 选中 紫 圆 ， 并 将 其 旋转 中 心 移 到 五 个 圆 的 中 心 位 置 。 然 后 单 击 “ 变 形 ” 面 板 中 的 “ 重 制 选区 和 
变形 ”按钮 国 ， 选 择 “ 旋 转 ” 选 项 , 设置 旋转 角度 为 72。 此 时 舞台 上 会 复制 出 一 个 新 的 紫 圆 ， 如 图 4-17 
所 示 。 
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辐 4-15 ”修改 贺 前 填充 色 图 4-16 图像 效果 图 4 17 图 像 效果 


(8) 执行 “修改 ”1 “取消 组 合 ”命令 ,将 新 么 圆 填充 为 黑色 ,然后 再 将 黑色 的 圆 进行 组 合 。 执 行 “ 修 
改 ”1 “分 离 ” 命 令 将 条 圆 打 若 ， 再 执行 相同 的 命令 将 黑 圆 打 散 。 此 时 单 击 公 圆 ， 黑 贺 会 自动 隐藏。 
(9 ) 执行 “修改 ”1 “组 合 ”命令 组 合 紧 圆 ， 最 终 的 效 末 如 图 4-10 所 示 。 


4.1.6 ”使 用 “信息 ”面板 


使 用 “信息 ”面板 可 以 精确 地 调整 对 象 的 位 置 和 大 小 。 
(1 ) 在 舞台 中 选中 需要 精确 调整 的 对 象 。 
(2 ) 执行 “窗口 ”1 “信息 ”命令 ,打开 “信息 ”面板 ， 如 图 4-18 所 示 。 
YN 宽 :在 该 文本 框 中 输入 选中 对 象 的 宽度 值 。 
YN 高 : 在 该 文本 框 中 输入 选中 对 象 的 高 度 值 。 
外 注册 点 | 变形 点 贺 : 设置 对 象 的 注册 点 和 变形 点 的 位 置 。 新 建 图 形 时 ， 
默认 的 注册 点 位 于 图 形 的 左上 角 ; 变形 点 位 于 图 形 中 心 。 
和 和 :在 该 文本 框 中 输入 选中 对 象 的 横 坐 标 值 。 图 4-18 “信息 ”面板 
NN Y : 在 该 文本 框 中 输入 选中 对 象 的 纵 坐 标 值 。 
用 户 还 可 以 在 该 面板 中 查看 鼠标 当前 位 置 的 颜色 RGB 和 Alpha 值 、 鼠 标 当前 位 置 的 坐标 值 ， 以 及 鼠 
标 指 针 处 在 位 置 的 笔触 宽度 。 


4.2， 群 组 与 分 解 


在 编辑 对 和 象 的 过 程 中 ， 往 往 需要 将 多 个 分 散 独 立 的 对 象 看 作 一 个 整体 来 进行 编辑 操作 。 一 种 有 效 的 
办 法 束 是 和 完 选 中 多 个 独立 的 对 象 ， 然 后 将 它们 群 组 在 一 起 。 组 合 后 的 对 和 象 在 舞台 上 作为 一 个 整体 存在 ， 


移动 组 合 对 象 时 ， 对 和 象 中 的 各 个 子 对 象 的 相对 位 置 保持 不 变 。 

1. 群 组 

(1 ) 在 舞台 上 选中 需要 组 合 的 多 个 对 象 ， 例 如 两 幅 导 入 的 位 图 ， 如 图 4-19 所 示 。 

(2 ) 执行 “修改 ”1 “组 合 ” 命 令 ， 即 可 将 选中 的 对 象 组 合成 一 个 整体 ， 此 时 选中 的 对 和 象 周围 会 出 
现 一 个 矩形 边框 ， 如 图 4-20 所 示 。 


图 4-19 选择 对 象 


辐 4-20 组 合 后 的 效果 


此 时 ， 可 以 将 两 幅 位 图 作为 一 个 整体 进行 移动 、 复 制 粘 贴 、 变 形 等 操作 。 


如 果 已 经 创建 复杂 的 组 合 图 像 ， 用 户 还 能 在 不 撤销 群 组 的 情况 下 编辑 群 组 对 象 中 的 某 一 个 对 象 。 方 
法 是 选中 群 组 对 象 ， 然 后 执行 “编辑 ” | “编辑 所 选项 目 ” 人 命令， 或 双击 组 合 对 象 中 的 某 一 个 对 象 ， 进 
入 组 编辑 窗口 。 在 该 窗口 中 ， 用 户 可 以 对 组 中 的 对 象 分 别 进行 编辑 。 完 成 后 ， 单 击 编辑 栏 上 的 返回 场景 
按钮 联 ， 即 可 返回 三 台 。 


2. 分 解 
如 果 要 解除 对 象 之 间 的 组 合 关 系 ， 选 中 组 合 对 象 后 ， 执 行 “ 修 改 ”1 “取消 组 合 ” 命 令 ， 即 可 将 各 
个 对 和 象 恢 复 到 未 组 合 前 的 状态 。 


4.3 ”调整 多 个 对 象 的 位 置 


在 舞台 上 创建 大 量 的 对 象 后 ， 经 币 需 要 调整 它们 的 位 置 ， 按 一 定 的 次 序 摆 放 ， 或 以 茶 种 方式 对 齐 ， 
调整 它们 之 则 的 距离 。 如 于 同一 层 中 有 不 同 的 对 和 象 相 互 登 放 在 一 起 时 ， 也 需要 调整 它们 的 前 后 顺 床 ， 以 
方便 编辑 或 达到 某 种 设计 效 采 。 


4.3.1 释放 多 个 对 象 
“修改 ” | “排列 ”命令 用 于 更 改选 定 对 象 在 堆栈 中 的 位 置 ， 可 以 将 


一 个 对 象 移动 到 其 他 对 象 的 前 面 或 后 面 ， 如 图 4-21 所 示 。 jn 
Y 移 至 顶层 : 将 选中 对 象 移 到 当前 层 中 所 有 对 象 的 最 上 面 。 Ci 
YN 上 移 一 层 : 将 选中 对 象 向 上 移动 一 层 。 移 到 放 R(B) Ctrl+Shif+ 向 下 头 
YN 下 移 一 层 : 将 选中 对 象 向 下 移动 一 层 。 下 ee 


9 移 至 底层 : 将 选中 对 象 移 到 当前 层 中 所 有 对 象 的 最 下 面 。 = 
图 4-21 “排列 ”命令 子 莱 单 
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和 锁定 : 锁定 选中 对 象 ， 不 参与 排序 ， 也 不 可 以 进行 任何 其 他 编辑 。 
9 解除 全 部 锁定 : 解除 所 有 对 桨 的 锁定 状态 。 
例如 , 选择 舞台 上 需要 调整 排列 顺序 的 对 和 象 , 例如 图 4-22 中 的 女孩 。 执 行 “修改 ”1 “排列 ”1 “ 移 


至 底层 ”命令 ， 此 时 即 可 将 : hi ee 如 图 4-23 所 示 。 
选中 “Kitty” 对 象 ,执行 “修改 ”1“ 排 列 ”1 “上 移 一 层 ” 命 令 ,此 时 即 可 将 选择 的 对 象 同 上 移动 一 层 ， 
如 图 4-24 所 示 。 


图 4-22 ”选择 对 象 图 4-23 ” 称 至 底层 图 4-24 ”上 移 一 层 


如 果 选 中 图 4-22 的 女孩 ,执行 “修改 ”1 “排列 ”1 “锁定 ”命令 , 则 不 能 再 对 该 对 象 执行 排列 命令 ， 
除非 完 解除 锁定 。 
如 有 果 排 列 时 选择 多 个 对 象 ,所 有 选中 的 对 象 将 同时 进行 


| i 
”注意 。 对 象 排列 关系 。 \ 


4.3.2 ”对 齐 多 个 对 象 


执行 “窗口 ”1 “对 齐 ” 命 令 ， 打开 “对 齐 ” 浮 动 面板 ， 如 图 4-25 所 示 。 

从 图 4-25 可 以 看 出 ,“ 对 齐 ” 面 板 中 的 功能 按钮 被 分 成 五 类 ; 对 齐 \ 分 布 、 匹 配 大 小 、 间隔 、 与 舞台 对 
齐 。 各 类 中 分 别 有 一 个 或 多 个 按钮 图 标 。 在 任何 时 刻 每 类 按钮 最 多 只 有 一 个 按钮 处 于 选中 状态 。 

1. 对 齐 

“对 齐 ” 面 板 顶 部 的 第 
图 4-26 所 示 。 


或 水 平方 向 对 齐 选 定 的 多 个 对 象 ， 


一 行 按钮 即 为 对 齐 类 按钮 ， 用 于 在 垂直 


左 对 并 右 对 并 “ 重 直 中 并 


水 平 中 齐 。 项 对 齐 底 对 齐 
图 4-25 “对齐” 面板 图 4-26 对齐 命令 


使 用 上 述 命 令 对 章 选中 的 多 个 对 和 象 时 ，Animate CC 2018 根据 对 象 的 边界 框 来 对 齐 对 象 。 例 如 ， 选 择 
左 对 齐 , 则 以 选中 对 象 中 最 左 闯 的 对 象 的 左边 界 为 基准 进行 对 齐 。 同 梓 ,当选 择 顶 对 齐 、 碟 对 齐 和 右 对 齐 时 ， 
将 以 最 顶端 、 最 瓜 问 或 最 右 问 对 稼 为 基准 进行 对 章 ， 如 图 4-27、 图 4-28、 图 4-29 所 示 。 


0 图 4-28 是 在 没有 选择 “与 舞台 对 齐 ” 按 钮 时 的 对 齐 效果 。 如 果 迁 择 该 按钮 ， 显 示 效果 | 
”注意 。 将 发 生变 化 ， 有 兴趣 的 读者 可 以 上 机 试 一 试 。 
和 水 平 中 齐 : 使 选中 的 对 香 重 直 中 心 对 齐 ， 并 在 水 平方 向 显示 在 舞台 的 中 心 。 
YN 垂直 中 齐 : 使 选中 的 对 象 水 平 中 心 对 齐 ， 并 在 重 直 方向 显示 在 舞台 的 中 心 ， 如 图 4-30 所 示 。 


图 4-29 底 对 齐 效果 图 4-30 垂直 中 齐 效 果 


2. 分 布 对 象 

“对 齐 ” 面 板 中 的 第 二 行 按钮 即 为 分 布 对 象 按钮 ， 可 以 在 水 平方 向 上 或 垂直 方向 上 以 中 心 或 边界 为 准 
分 布 对 象 ， 如 图 4-31 所 示 。 如 果 要 将 多 个 选 定 的 对 象 进行 等 距离 排列 ， 使 用 这 些 选项 非常 方便 。 

( 1) 选中 舞台 上 需要 分 布 的 多 个 对 象 ， 歼 果 如 图 4-32 所 示 。 


项 部 分 布 底部 分 布 水 平 居中 分 布 


垂直 居中 分 布 左 侧 分 布 右 侧 分 布 
图 4-31 分布 命 令 图 4-32 分布 前 的 按钮 效果 


(2) 打开 “对 齐 ” 面 板 ， 在 “分 布 ” 区 域 单 击 需要 的 分 布 方式 按钮 ， 即 可 将 所 有 选中 对 象 以 指定 的 
方式 进行 分 布 。 

例如 , 单 击 “水 平 居 中 分 布 ” 按 钮 圈 , 选择 的 所 有 对 象 在 水 平方 向 上 等 距离 分 布 ,效果 如 图 4-33 所 示 。 

单 击 “ 垂 直 居 中 分 布 ”按钮 图 ， 选 中 的 所 有 对 象 在 重 直 方向 上 等 距离 分 布 ， 效果 如 图 4-34 所 示 。 


图 4-33 ”水平 居中 分 布 效果 图 4-34 ”垂直 方向 上 等 距离 分 布 效果 


3. 匹配 大 小 

“对 齐 ” 面 板 上 第 三 行 左边 的 三 个 按钮 是 “匹配 大 小 ”按钮 ， 如 图 4-35 所 示 。 使 用 这 一 组 按钮 可 以 
调整 所 有 选中 对 象 的 太 寸 ， 使 它们 在 水 平 或 垂直 方 回 能够 与 选中 对 象 中 最 大 的 一 个 进行 匹配 。 

例如 ， 选 中 图 4-36 (a ) 中 的 三 个 对 象 后 ， 单 击 “ 匹 配 高 度 ” 按 钮 国 ， 可 以 以 选中 对 象 中 高 度 最 大 
的 对 象 为 基准 ， 将 其 他 对 象 的 高 度 进行 拉 伸 ， 从 而 达到 高 度 相 同 的 效果 ， 如 图 4-36 (b ) 所 示 。 


匹配 宽度 匹配 宽 和 高 


匹配 高 度 
图 4-35 ”匹配 大 小 命令 画 4-36 ”匹配 高 度 的 效果 


4. 间隔 对 象 
对齐” 面板 中 的 “ 间 隅 ”按钮 用 于 在 水 平 或 垂直 方向 上 等 间距 隅 开 选 定 的 对 象 ， 如 图 4-37 所 示 。 
在 两 个 大 小 差不多 的 图 像 之 间 使 用 “ 间 阳 ”和 和“ 分布” 按钮 不 会 有 太 大 的 差别 ， 
但 是 当 使 用 不 同 尺 寸 大 小 的 图 像 时 差别 就 很 明显 了。 
5. 与 舞台 对 齐 
选择 “与 舞台 对 齐 ” 选 项 ， 可 以 以 整个 舞台 为 标准 ， 使 舞台 上 的 对 象 相对 于 舞台 水 平平 均 间 隐 
进行 对 齐 ， 即 使 更 改 舞 台大 小 ， 和 舞台 上 的 对 象 也 不 会 偏离 舞台 进入 工作 区 。 


垂直 平均 间隔 


到 4-37 ”间隔 命令 


例如 ， 两 个 对 象 的 初始 排列 方式 如 图 4-38 所 示 。 选 择 “. 
钮 的 左 对 齐 效果 分 别 如 图 4-39 和 图 4-40 所 示 。 


图 4-38 和 初始 排列 方式 图 4-39 ”相对 于 舞台 的 左 对 齐 效果 图 4-40 不 相对 于 钴 各 的 左 对 齐 效果 


从 图 4-39 和 图 4-40 中 可 以 看 出 ,，“ 与 舞台 对 齐 ” 的 左 对 齐 以 舞台 的 左边 界 为 基准 对 齐 选 中 的 对 象 ; 
而 没有 选择 “与 舞台 对 齐 ” 复 选 框 的 左 对 齐 则 以 最 左边 的 对 象 的 左边 界 为 基准 对 齐 选中 的 对 和 象 。 


4.4 色彩 编辑 


色彩 在 图 形 绘制 中 有 举足轻重 的 地 位 ， 合 理 地 搭配 和 应 用 色彩 是 创作 出 成 功 作品 的 必要 技巧 ， 这 束 
有 要求 用 户 除 了 具有 一 定 的 色彩 鉴 质 能 力 ， 还 要 有 丰 蜗 的 色彩 编辑 经 验 和 技巧 。Animate CC 2018 为 用 户 发 
挥 色彩 的 创造 力 提 供 强 有 力 的 支持 。 


4.4.1 闫 色 选 择 如 的 类 型 


在 舞台 上 选中 需要 着 色 的 对 象 后 ， 单 击 属性 面板 上 的 贺 明 图 标 或 四 罗汉 图标 ， 可 以 弹出 颜色 选 

Animate CC 2018 的 颜色 选择 需 分 为 两 种 类 型 : 一 种 是 进行 单 色 选择 的 颜色 面板 ， 如 图 4-41 所 示 ， 
提供 252 种 颜色 供用 户 选 择 ; 另 一 种 是 包含 音色 、 渐 变色 以 及 位 图 的 颜色 面板 ， 如 图 4-42 所 示 ， 除 了 提 
供 252 种 单 色 ， 还 提供 七 种 渐变 颜色 。 


TiTTTEEE 
Hiiiiiieeea 


_| 夺回 回回 
国画 丽 加 二 


图 4-41 音色 颜色 面板 图 4-42 复合 颜色 面板 


提示 : | 。 如 果 当前 文档 中 有 导入 的 图 片 ， 则 导入 的 图 片 将 作为 位 图 填充 的 图 案 显示 在 
AL | 如 图 4-42 所 示 。 

出 现 这 两 个 窗口 之 一 后 ， 和 鼠标 指针 就 会 变 成 滴 管 的 形状 ， 此 时 可 以 在 “颜色 ”面板 中 选择 颜色 ， 选 
取 的 结果 会 显示 在 左上 角 的 颜色 框 内 ， 并 且 与 之 对 应 的 十 六 进 制 数值 也 会 显示 在 “颜色 值 ”文本 框 中 。 


复合 颜色 面板 的 右上 方 还 有 一 个 加 按钮 ， 单 击 这 个 按钮 可 以 绘制 无 笔触 或 无 填充 颜色 的 图 形 。 
雳 。、 为 


工具 箱 的 工具 下 方 提 供 了 几 个 可 以 快速 设置 颜色 的 工具 ， 如 图 4-43 所 示 。 


图 4-43 ”色彩 编辑 工具 
“黑白 ” 国 : 无 论 当前 笔触 颜色 和 填充 颜色 是 什么 颜色 ， 单 击 这 个 按钮 之 后 ， 可 以 将 笔触 颜色 设置 为 


黑色 ， 将 填充 颜色 设置 为 白色 。 
“交换 员 : 单 击 这 个 按钮 可 以 将 当前 选 定 对 旬 的 笔触 颜色 和 填充 颜色 进行 交换 。 


4.4.2 认识 “颜色 ”面板 


在 Animate CC 2018 中 , 除了 可 以 使 用 工具 箱 中 的 颜色 填充 工具 为 对 象 填 充 颜 色 , 还 可 以 使 用 “颜色 ” 
面板 指定 需要 的 颜色 。 与 使 用 工具 箱 中 的 颜色 工具 相 比 ,“ 颜 色 ” 面 板 有 更 强大 的 功能 。 例 如 ， 可 以 指定 
RGB 值 获得 一 个 准确 的 颜色 ; 还 可 以 通过 颜色 类 型 列表 选择 填充 风格 。 

执行 “窗口 ”| “颜色 ”命令 ， 即 可 打开 “颜色 ”浮动 面板 ， 如 图 4-44 所 示 。 

左上 角 是 笔触 颜色 和 填充 颜色 按钮 。 通 过 单 击 这 两 个 按钮 ， 可 以 分 别 设置 笔触 颜色 和 填充 色 。 

右上 角 的 “颜色 类 型 ”下 拉 列 表 是 填充 风格 列表 ， 包 括 无 、 纯 色 、 线 性 交 变 、 径 辐 新 变 和 位 图 填充 
五 种 方式 ， 如 图 4-45 所 示 。 


图 4-44 “颜色 ”浮动 面板 图 4-45 ”颜色 类 型 
不 使 用 任何 方式 对 图 形 进行 填充 。 
2. 纯色 


使 用 单一 的 颜色 对 图 形 进 行 填充 。 

选择 此 项 后 ， 单 击 “ 颜 色 ” 面 板 左上 角 的 “笔触 颜色 ”或 “十 充 颜色 ”按钮 ， 即 可 打开 颜色 选择 着 
选择 颜色 。 此 时 ,“ 颜 色 ” 面 板 底部 的 颜色 编辑 条 将 显示 选中 的 颜色 ， 面 板 中 间 右 侧 的 调 色 板 中 也 将 选中 
相应 的 颜色 ， 调 色 板 底部 的 文本 框 中 显示 当前 选中 的 颜色 的 十 六 进 制 颜色 值 ， 如 图 4-46 所 示 。 

NN RGB : RGB 模型 是 一 种 以 红 (Red)、 绿 (Green)、 蓝 (Blue) 三 色 为 基本 色 的 加 色 模 型 。 通 过 


改变 每 个 像素 点 上 的 每 个 基色 的 亮度 (256 个 亮度 级 )， 可 以 将 这 三 种 颜色 调 成 成 千 上 万 种 颜色 。 
RGB 颜色 模型 的 颜色 数值 是 十 进 制 数 ， 范 围 是 0~ 255。 

NN HSB : HSB 颜色 模型 以 色调 (Hue)、 饱 和 度 (Saturation ) 和 亮度 (Brightness ) 的 值 表示 颜色 。 
色调 是 组 成 可 见 光 光 谱 的 单 色 ， 单 位 为 度 ， 范 围 是 0~ 360 ; 饱和 度 指 色彩 的 纯度 ， 单 位 是 %， 
值 为 0 时 ,表示 灰色 ; 亮度 指 色 彩 的 明亮 度 ， 单 位 是 % ， 值 为 0 时 ， 表 示 全 黑 。 

NN Alpha: 是 一 个 调整 颜色 透明 度 的 数值 ， 值 为 100% 时 ， 表 示 完 全 不 透明 ; 为 0% 时 则 完全 透明 。 

此 外 ， 用 户 也 可 以 在 “颜色 ”面板 中 通过 拖 动 滑 块 和 单 击 色 板 调制 颜色 。 

如 果 想 调配 出 的 颜色 保存 起 来 ,应 用 于 其 他 对 象 ,可 以 单 击 “颜色 ”面板 底部 的 “添加 到 色 板 ”按钮 。 


3. 线性 渐变 
这 种 颜色 类 型 的 特点 是 ,颜色 从 起 始点 到 终点 沿 直 线 逐 渐变 化 。 在 “颜色 类 型 ”下 拉 列 表 中 选择 “ 线 
性 渐变 ”选项 后 ， 面 板 底部 的 颜色 编辑 条 将 显示 一 种 渐变 色 ， 如 图 4-47 所 示 。 


滞 加 到 色 槐 


图 4-46 “颜色 ”面板 图 4-47 线性 渐变 


YN 流 ; 指定 一 段 渐变 结束 ， 还 不 够 填 满 菜 个 区 域 时 ， 如 何 处 理 多 余 的 空间 的 方法 。 

和 扩展 颜色 : 将 所 指定 的 颜色 应 用 于 渐变 末端 之 外 。 

例如 ， 纵 小 如 图 4-48 (a ) 所 示 的 红 黄 蓝 渐变 色 的 宽度 后 ， 图 形 将 以 扩展 模式 填充 : 缩 军 后 的 渐变 色 
居于 中 间 , 渐变 的 起 始 色 (红色 ) 和 结束 色 ( 蓝 色 ) 一 直 同 边 绿 又 延 开 来 , 填充 空 出 来 的 区 域 ， 如 图 4-48 
(c ) 所 示 。 

和 反射 颜色 : 以 反射 镜像 效果 来 填充 形状 ， 指 定 的 渐变 色 以 下 面 的 模式 重复 : 从 渐变 的 开始 到 结束 ， 

再 以 相反 的 顺序 从 渐变 的 结束 到 开始 ， 直 到 选 定 的 形状 填充 完毕 ,效果 如 图 4-49 所 示 。 
YN 重复 颜色 : 从 渐变 的 开始 到 结束 重复 渐变 ， 直 到 选 定 的 形状 填充 完毕 ， 效 果 如 图 4-50 所 示 。 


| 调整 渐变 宽度 


图 4-48 ”扩展 模式 的 效果 图 4-49 ”镜像 模式 的 效果 图 4-50 重复 模式 的 效果 


线性 RGB : 该 选项 用 于 创建 SVG 兼容 的 渐变 。 


a ni 


4. 径 向 渐变 

在 “颜色 类 型 ”下 拉 列 表 中 选择 “ 径 辐 渐变 ”选项 后 ， 面 板 底部 的 颜色 编辑 条 将 显示 一 种 从 中 心 回 
外 侧 径 回放 射 的 渐变 色 ， 如 图 4-51 所 示 。 

最 左边 的 色 标 显示 径 回 渐变 最 中 心 的 颜色 ， 最 右边 的 色 标 显示 径 回 渐变 
最 外 侧 的 颜色 。 

5. 位 图 填充 

使 用 位 图 填充 矢量 图 形 。 要 使 用 这 种 填充 风格 ， 必 须 先 导入 外 部 的 位 图 
素材 ， 或 者 从 “ 库 ” 面 板 中 选择 位 图 素材 进行 填充 。 

(1 ) 打开 “颜色 ”面板 ， 在 “颜色 类 型 ”下 拉 列 表 中 选择 “位 图 填充 ”。 

如 果 已 在 舞台 上 导入 过 外 部 位 图 素材 ,将 切换 到 如 图 4-52 (a ) 所 示 的 “ 颜 
色 ” 面 板 。 否 则 将 弹出 “导入 到 库 ” 对 话 框 ， 要 求 用 户 先 导入 一 幅 位 图 。 

(2 ) 如 果 对 导入 的 位 图 不 满意 ， 可 以 单 击 “ 颜 色 ” 面 板 上 的 “导入 ” 按 洒 加 到 包 板 
钮 ， 在 打开 的 “导入 到 库 ” 对 话 框 中 选中 需要 的 位 图 。 单 击 “ 打 开 ” 按 钮 后 ， 
导 和 人 的 位 图 将 出 现在 “颜色 ”面板 底部 的 位 图 列表 框 中 。 

(3 ) 将 鼠标 指针 移 到 导入 的 位 图 缩 略 图 上 ， 此 时 鼠标 指针 变 为 滴 管 形状 ， 单 击 鼠 标 即 可 将 位 图 指定 
为 “笔触 颜色 ”或 “填充 颜色 "， 如 图 4-52 (b ) 所 示 。 

(4 ) 选择 一 种 形状 绘制 工具 ， 在 舞台 上 拖 动 鼠 标 绘制 形状 。 释 放 鼎 标 后 ， 绘 制 的 形状 将 以 指定 的 位 
图 进行 填充 ， 如 图 4-53 所 示 。 


图 4-51 径 向 渐变 


| | 位 图 填充 
| 加 总 


(a) 
图 4-52 “颜色 ”面板 图 4-53 ”位 图 填充 效果 


将 位 图 打 散 后 ， 选中 要 修改 填充 的 图 形 ， 使 用 “ 滴 管 工具 ” 单 击 位 图 ， 活 动工 具 将 自动 切换 为 “ 顾 
料 桶 工具 ， 且 自动 使 用 打 散 的 位 图 填充 图 形 。 


自 定 义 渐 变色 


。 如果 复合 颜色 面板 中 的 七 种 渐变 色 不 能 满足 创作 的 需 
练习 ;有 要， 用 户 可 以 自 定义 渐变 色 。 本 节 练 习 使 用 “颜色 ” 面板 自 Pr 
六 贞 je pte 通过 操作 步 到 的 详细 讲解 ， 使 读者 热 练 掌 。 4 3 工 机 练 如 自 证 义 


4.4.3 ”上 机 练 > 


首先 打开 “颜色 ”面板 ， 选 择 要 定义 的 颜色 类 型 ， 然 后 调整 颜色 游标 的 颜色 ， 定 
义 渐变 色 的 组 成 颜色 (图 4-54 (a )), 根据 需要 增加 颜色 游标 ， 并 调整 游标 之 间 的 宽度 ，: 
最 终 效 果 如 图 4-54(b ) 所 示 。 
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图 4-54 ”创建 的 径 向 渐变 色 


操 恩 步 国 . 
(1 ) 执行 “窗口 ”| “颜色 ”命令 ， 调 出 “颜色 ”面板 。 
(2 ) 在 面板 有 有 上 有 角 的 “颜色 类 型 ”下 拉 列 表 中 选择 一 种 渐变 类 型 ， 在 “颜色 ”面板 底部 将 显示 一 个 
模 回 颜色 条 和 两 个 已 经 定义 好 位 置 的 颜色 洲 标 ， 本 例 选 择 “ 径 加 渐变 " ， 如 图 4-55 所 示 。 
(3 ) 单 击 颜色 条 下 方 的 游标 ， 拖 动 色谱 右 侧 的 清 块 选择 需要 的 颜色 ， 然 后 在 色谱 中 单 击 指定 所 需 的 
颜色 ,在 Alpha 文本 框 中 指定 当前 颜色 的 透明 度 , 如 图 4-56 所 示 。 同 样 的 方法 , 为 其 他 颜色 游标 指定 颜色 。 
(4 ) 在 颜色 条 上 单 击 , 可 以 添加 一 个 颜色 游标 , 然后 重复 第 (3 ) 步 设置 游标 的 颜色 , 如 图 4-57 所 示 。 


(5 ) 拖 动 游标 的 位 置 改变 不 同 颜色 之 间 的 渐变 宽度 。 
(6 ) 设置 渐变 色 后 ， 单 击 “ 颜 色 ” 面 板 底 部 的 “添加 到 色 板 ”按钮 ， 即 可 将 创建 的 渐变 色 添 加 到 复 
合 颜色 面板 中 ， 如 图 4-58 所 示 。 
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图 4-58 ” 自 定 义 的 渐变 色 


此 时 ， 使 用 绘图 工具 绘制 一 个 图 形 ， 即 可 使 用 目 定 义 的 渐变 色 进 行 填充 ， 如 图 4-54 所 示 。 


4.5 ”使 用 外 部 位 图 


由 于 Animate CC 2018 生动 、 形 象 的 表现 方式 ， 以 及 文件 小 的 特点 ， 在 很 多 领域 都 有 广泛 的 应 用 ， 
而 图 形 是 动 夯 制作 过 程 中 必 不 可 少 的 元 素 。 如 果 所 有 的 图 形 虱 上 自己 动手 绘 男 ， 花 费 不 少时 间 和 精力 不 说 ， 
对 于 不 擅长 美术 的 制作 者 来 说 ， 绘 画 出 的 图 形 效果 也 很 难保 证 。 通 党 情况 下 ， 一 个 很 简单 的 解决 办 法 就 
是 直接 使 用 表现 力 丰 让 的 外 部 位 图 。 
Se 各 计 二 展 ， 生 和 

矢量 图 像 与 位 图 的 区 别 

计算 机 图 像 主 要 有 矢量 图 像 ( 矢量 ) 和 位 图 图 像 ( 位 图 ) 两 种 类 型 。 

1. 矢量 图 像 

矢量 图 像 用 包含 颜色 和 位 置 属性 的 线条 描述 图 像 属 性 。 对 于 矢量 图 像 来 说 ， 路 径 ( Path ) 和 点 ( Point ) 
是 其 中 最 基本 的 元 素 ， 可 以 通过 修改 路 径 和 路 径 点 改变 矢量 图 像 。 

由 于 矢量 图 像 中 记录 的 图 像 信息 是 路 径 点 及 各 个 路 径 点 之 间 的 关系 ， 在 缩放 矢量 图 像 时 ， 实 际 上 仅 改 变 
了 路 径 点 的 坐标 位 置 。 操 作 完 成 后 ， 计 算 机 会 重新 计算 新 坐标 下 的 路 径 ， 并 绘制 相应 的 矢量 图 像 。 因 此 ， 矢 
量 图 像 可 以 任意 缩放 ， 且 不 会 影响 图 像 效 果 ， 如 图 4-59 所 示 。 
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图 4-59 ”放大 矢量 对 篆 


2. 位 图 图 像 
位 图 图 像 是 对 区 域 中 所 有 像素 点 的 位 置 和 颜色 信息 进行 描述 ， 这 种 方式 是 “一 对 一 ”的 ， 可 以 如 实地 反 


应 需要 的 任何 画面 0 
位 图 图 像 的 分 辨 率 不 是 独立 的 ， 缩 放 位 图 图 像 会 改变 其 显示 效果 。 例 如 在 放大 位 图 图 像 时 ， 由 于 增加 了 
未 定义 的 像素 点 个 数 ， 因 此 会 出 现 马赛 克 效 果 ， 如 图 4-60 所 示 。 


4.S.1 导 人 位 图 


Animate CC 2018 能 识别 多 种 位 图 格式 , 包括 BMP、JPG、TIFF 、TGA 、GIF 、PNG、PIC 和 PSD 等 。 
对 于 导 人 的 图 像 资 源 ，Animate CC 2018 能 够 进行 压缩 处 理 ， 极 大 地 优化 图 像 显示 质量 ， 并 有 效 地 缩小 文 
件 体 积 。 

Animate CC 2018 可 以 通过 导 和 人 命令 将 位 图 导入 到 库 中 ， 还 可 以 通过 将 位 图 粘贴 到 舞台 上 的 方式 进行 
Pe 

(1) 执行 “文件 ”1 “导入 ”1 “ 导 人 到 舞台 ”或 “导入 到 库 ” 命 令 ， 如 图 4-61 所 示 。 

(2 ) 在 弹出 的 “导入 ”对 话 框 中 选择 需要 的 位 图 文件 ， 然 后 单 击 “ 打 开 ” 按 钮 。 

如 果 选 择 的 是 “导入 到 舞台 ”命令 ， 选 择 的 位 图 文件 将 耳 接 以 原本 的 尺寸 显示 在 狂人 台 上 。 用 黑色 
入 头 工 具 单 击 图 片 ， 图 乒 四 周 会 显示 一 个 定形 边框 ， 表 示 该 图 片 为 位 图 ， 不 是 矢量 图 ， 如 图 4-62 所 示 。 
图 4-62 (a ) 为 矢量 图 ,图 4-62 (b ) 为 位 图 。 


图 4-61 “导入 ”菜单 下 的 命令 图 4-62 ”导入 住 图 


如 果 选 择 的 是 “导入 到 库 ” 命 令 , 则 选择 的 文件 不 会 出 现在 舞台 上 。 执 行 “窗口 ”I“ 库 ”命令 ,打开 “ 库 ” 
面板 后 ， 在 库 项 目 列表 中 选中 导入 的 文件 ， 如 图 4-63 所 示 。 然 后 按 下 鼠标 左 键 拖 动 到 舞台 上 ， 释 放 鼠 标 ， 
即 可 将 导入 的 位 图 显示 在 舞台 上 。 

事实 上 ， 使 用 “导入 到 甸 台 ”命令 导入 的 位 图 也 存放 在 “ 库 ” 面 板 中 。 
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4.5.2 ”将 位 图 转换 为 天 量 图 
如 果 导 入 的 位 图 只 是 作为 背景 使 用 ， 不 需要 很 高 的 显示 质量 ， 可 以 考虑 将 位 图 转换 为 矢量 图 ， 以 减 


小 文件 的 大 小 。 
(1 ) 使 用 “选择 工具 ”选中 舞台 上 导入 的 位 图 。 


(2 ) 执行 “修改 ”1 “位 图 ” | “转换 位 图 为 矢量 图 ”命令 ， 
弹出 如 图 4-64 所 示 的 “转换 位 图 为 矢量 图 ”对 话 框 。 

(3 ) 在 “颜色 国 值 ”文本 框 中 输入 一 个 介 于 1 ~ 500 之 间 的 值 。 

当 两 个 像素 进行 比较 后 ， 如 果 它 们 在 RGB 颜色 值 上 的 差异 低 
于 该 颜色 国 值 ， 则 认为 两 个 像素 的 颜色 是 相同 的 。 如 果 增 大 该 国人 ， 

(4) 在 “最 小 区 域 ”文本 框 中 输入 一 个 1~1000 之 间 的 值 ， 用 于 ” 图 4-64 “转换 位 图 为 矢量 图 ”对 话 框 
没 置 在 指定 像素 颜色 时 要 考虑 的 周围 像素 的 数量 。 

(5) 在 “ 角 国 人 ”下拉 列 表 中 选择 对 转角 的 平滑 处 理 程度 。 

(6) 在 “曲线 拟 合 ”下 拉 列 表 中 选择 一 个 确定 绘制 的 轮廓 的 平 请 程度 的 选项 。 


提示 : | ”如果 要 创建 最 接近 原始 位 图 的 矢量 图 形 ， 可 以 在 “颜色 阔 值 ”文本 框 中 输入 10 ; 在 “最 
加 ;小 区 域 ”文本 框 中 输入 1 ; 在 “ 角 阔 值 ”下 拉 列表 中 选择 “ 较 多 转角 ”; 在 “曲线 拟 合 ”下 拉 
列表 中 选择 “像素 "。 


图 4-65 ”转换 位 图 为 矢量 图 


”和 是 。 为 转换 后 的 文件 大 小 很 可 能 比 原来 的 位 图 还 要 大 许多 ， 而 且 还 会 有 一 个 很 漫长 的 转换 过 程 。 


4.5.3 ”上 机 练习 一 一 处 理 撩 量 插画 


An 国 国 步骤 的 详细 讲解 ,使 读者 熟练 掌握 处 理 外 部 位 图 的 方法 和 技巧 : i: 
s 三 目 品 : 本 例 我 们 将 使 用 位 图 处 理 一 副 如 图 4-66 所 示 的 矢量 插画 效 ; 


% 使 用 “转换 位 图 为 矢量 图 命令 可 以 有 效 地 将 位 图 转换 为 ; 4-4 上 机 练习 一 一 处 理 


天 量 手 画 
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>》 同 因 使 用 “选取 工具 ”“ 橡 皮 控 工具 ”对 人 物 边 缘 进 行 适当 地 控 除 ， 去 除 背景 。 接 下 来 绘制 
|; 圆 角 珑 形 边 框 和 背景 对 矢量 图 进行 修饰 ， 最 终 效果 如 图 4-66 所 示 。 : 


图 4-66 ”矢量 持 画 


可 作 此 可 了 

( ] ) 新 建 一 个 Anlmate CC 2018 文档 ( ActionScript 3.0 ), 策 $00 仇 桑 上 300 像 隶 。 

(2 ) 执行 “文件 ”|“ 导 和 人 ”| “ 导 人 到 舞台 ”命令 ,在 弹出 的 对 话 杠 中 选择 需要 的 位 图 图 像 , 单 击 “ 打 
开 ” 按 钮 导 人 到 舞台 。 

(3 ) 执行 “修改 ”| “变形 ”| “缩放 和 旋转 ”命令 ， 在 弹出 的 “缩放 和 旋转 ”对 话 杠 中 设置 缩放 
比例 为 32%， 如 图 4-67 所 示 。 单 击 “确定 ”按钮 缩小 位 图 ， 歼 果 如 图 4-68 所 示 。 


图 4-67 “缩放 和 旋转 ”对 话 框 图 4-68 导入 的 伍 图 浆果 


(4) 执行 “修改 ”| “位 图 ”| “转换 位 图 为 天 量 图 ”命令 , 在 弹出 的 对 话 框 中 进行 如 图 4-69 所 示 的 设 
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置 ， 完 成 后 单 击 “ 确 定 ” 按 钮 将 位 图 转换 为 矢量 图 ， 效 末 如 图 4-70 所 示 。 


图 4-69 ”设置 “转换 伍 图 为 矢量 图 ”对 话 框 


(5 ) 使 用 绘图 工具 箱 中 的 “选择 工具 ”， 单 击 人 物 以 外 的 区 域 ， 然 后 按 Delete 键 将 其 删除 。 然 后 使 用 
“橡皮 擦 工 具 ” 对 人 物 边 绿 进行 适当 地 探 除 ， 使 其 变 得 圆滑 ， 效 果 如 图 4-71 所 示 。 

(6) 选中 绘图 工具 箱 中 的 “基本 矩形 工具 ” 团 ， 设 置 笔触 颜色 为 黑色 ， 笔 触 大 小 为 3， 无 填充 色 ， 
矩形 边 角 半 径 为 5， 绘制 如 图 4-72 所 示 的 圆 角 和 矩形 。 
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A 
图 4-72 绘制 则 的 两 角 定 形 


到 4-71 擦 除 图 形 后 的 效果 


(7 ) 单 击 时 间 轴 面板 左下 角 的 “新 建 图 层 ”按钮 ,新 建 一 个 图 层 ,并 将 该 图 层 拖 放 到 图 层 1 之 下 。 执 
行 “文件 "| “导入” 1“ 导入 到 舞台 ”命令 ,导入 一 幅 底 图 。 然 后 执行 “修改 ” | “位 图 ” |“ 转 换 位 图 为 矢量 图 ” 
命令 ， 保 留 默认 设置 ， 完 成 后 单 击 “确定 ”按钮 将 位 图 转换 为 矢量 图 ， 如 图 4-73 所 示 。 

(8 ) 使 用 “选择 工具 ” 框 选 贺 角 逢 形 以 外 的 图 形 ， 并 将 它们 删除 ， 效 果 如 图 4-74 所 示 。 


图 4-73 ”和 将 位 图 转换 为 矢量 图 


(9 ) 单 击 时 间 轴 面板 左下 角 的 “新 建 图 层 ” 按 钮 ， 新 建 一 个 图 屋 ， 选 择 “ 文 件 ”|“ 导 入 ”|“ 导 人 到 
舞台 ”命令 ， 导 和 需要 的 位 图 ， 并 适当 调整 其 大 小 ， 然 后 使 用 前 面 所 讲 的 方法 ， 将 导入 的 图 像 转 换 为 矢 
量 图 ， 效 果 如 图 4-75 所 示 。 


图 4-75 选 笃 的 画 形 


(10 ) 使 用 “选择 工具 ”选择 文字 以 外 的 区 域 ， 然 后 使 用 “ 滴 管 工具 ” 单 击 撒 纹 图 像 左 下 角 的 桶 红色 
区 域 ， 改 变 选中 区 域 的 颜色 ， 效 采 如 图 4-66 所 示 。 


4.S.4 打 节 位 图 


分 离 位 图 会 将 图 像 进行 打 散 ， 从 而 可 以 使 用 Animate CC 
2018 工具 箱 中 的 各 种 绘画 工具 对 位 图 中 的 像素 进行 目 由 选择 和 

( 1 ) 选择 舞台 上 的 位 图 实例 。 

(2 ) 执行 “修改 ”1 “分离 ”命令 ， 或 按 Ctrl+B 键 将 位 图 进 
行 分 离 ， 如 图 4-76 所 示 。 图 4-76 ”位 图 打 散 前 后 的 外 岗 


4.6 ”实例 精 讲 一 一 特殊 造型 文子 


本 节 练习 制作 一 个 特殊 造型 的 文字 效果 ， 通 过 操作 步骤 的 : 
则 五 则 | 网。 训 徊 讲解 ， 合 读者 热 红 学 报名 各 变形 工具 、 修 改 工具 以 及 “ 关 ， 
”| 色 ” 面 板 的 使 用 方法 。 


: 首先 使 用 “文本 工具 ”输入 文本 ,并 将 文本 在 水 平方 向 上 进行 拉 伸 。 然 后 使 用 “ 捏 
AN 设 叶 ;由 ”命令 创建 基本 造型 ， 接 下 来 将 文本 分 离 为 形状 ,使 用 “部 分 选取 工具 ”对 形状 进 ， 
= 国 国 行 造型 。 最 后 对 图 形 进行 描 边 和 填充 ， 并 通过 将 图 形 转换 为 影片 剪辑， 应 用 儿 角 滤 镜 ，: 
最 终 效果 如 图 4-77 所 示 。 : 


图 4-77 ”特殊 普 字 造型 效果 


党 固 罗 轿 如 
(1 ) 执行 “文件 ”1 “新 建 ”命令 ， 新 建 一 个 Animate CC 2018 文件 。 
(2 ) 选择 “文本 工具 ”， 在 属性 面板 上 设置 字体 为 Impact， 大 小 为 60， 在 舞台 上 输入 “Animate” 字 
符 串 , 然后 选择 “任意 变形 工具 ”, 横向 拉 伸 文本 。 以 同样 的 方法 , 输入 “2017”, 在 水 平方 向 上 拉 伸 文本 ， 
效果 如 图 4-78 所 示 。 


(3 ) 选中 舞台 上 的 所 有 文本 ,连续 执行 “修改 ”| 分离” 命令 两 次 ,将 文本 转换 为 图 形 。 然 后 执行 “ 修 


改 ”1| “变形 ”1 “扭曲 ”命令 ， 拖 动 变形 框 上 的 控制 手柄 修改 文本 形状 ， 效 果 如 图 4-79 所 示 。 
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图 4-78 输入 区 本 对 象 图 4-79 变形 后 效果 


(4 ) 选中 工具 箱 中 的 “部 分 选取 工具 "， 选 择 并 拖 动 文本 的 路 径 点 ， 对 其 进行 变形 修改 ， 修 改 后 的 效 
果 如 图 4-80 所 示 。 

(5 ) 选择 “墨水 瓶 工 具 ”, 在 属性 面板 上 设置 笔触 颜色 为 蓝 色 , 笔触 大 小 为 4, 单 击 文本 的 轮廓 进行 描 
边 ， 效 果 如 图 4-81 所 示 。 
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图 4-80 ”文字 变形 效果 图 4-81 描 边 效果 


(6 ) 按 住 Shift 键 依次 单 击 文本 的 填充 区 域 ， 然 后 打开 “颜色 ”面板 ,设置 颜色 类 型 为 “线性 渐变 ”， 
单 击 渐变 色 帝 ,添加 一 个 颜色 游标 ,然后 从 左 至 右 设 置 三 个 颜色 游标 分 别 为 红色 、 黄 色 、 绿 色 ， 如 图 4-82 
所 示 。 文 本 填充 后 的 效果 如 图 4-83 所 示 。 


图 4-82 ”设置 填充 颜色 图 4-83 通 充 效果 


(7 ) 使 用 “选择 工具 ” 框 选 舞台 上 的 所 有 文本 对 象 ， 执 行 “ 人 和 修改” 1 “转换 为 元 件 ” 命 令 ， 在 弹出 
的 对 话 框 中 设置 元 件 类 型 为 “影片 剪辑 "”。 然 后 打开 属性 面板 ， 在 “ 滤 镜 ”区 域 单 击 “添加 滤 镜 ”按钮 ， 
在 弹出 的 下 拉 莱 单 中 选择 “和 斜 角 ”命令 ， 并 设置 冬 角 类 型 为 “全 部 ”， 如 图 4-84 所 示 。 

此 时 ， 在 舞台 上 可 以 看 到 文本 的 最 终 效 打 ， 如 图 4-77 所 示 。 


不 是 


图 4-84 设置 斜 角 参数 


4.7 答疑 解 了 惑 


见 的 矢量 图 有 哪些 格式 ? 
: 第 见 的 矢量 图 格式 有 *.ai、*.eps、*.wmf、*.cdr, 其 中 前 三 种 可 以 在 Aniamte CC 2018 中 直接 引用 。 
2. 有 些 透明 背景 的 GIF 图 片 导 入 到 Animate CC 2018 中 后 ， 为 什么 背景 就 变 为 不 透明 ? 
答 : 为 了 导入 透明 的 位 图 ， 必 须 保 证 含有 透明 部 分 的 GIF 图 片 使 用 的 是 Web216 色 安 全 调 色 板 ， 而 


和 


是 其 他 调 色 板 。 
4.8 学习 效 果 目 测 

一 、 选 择 题 
1. 要 把 对 象 完全 居中 于 整个 舞台 ， 可 以 使 用 上 

A“ 人 信息” 面板 B.“ 属 性 ”面板 

C.“ 变 形 ” 面 板 D.“ 对 齐 ” 面 板 
2. 如 果 要 给 图 形 填 充 位 图 ， 应 用 使 用 ( ) 面板 。 

A. 属性 B. 颜色 C. 对 齐 D. 库 
3. 编辑 位 图 图 像 时 ， 修 改 的 是 ( )。 

A. 像素 B. 曲线 C. 直线 D. 网 格 


4. 下 面 关于 矢量 图 形 和 位 图 图 像 的 说 法 错误 的 是 ( )。 
A. 允许 用 户 创建 并 产生 动画 效果 的 是 矢量 图 形 而 位 图 图 像 不 可 以 
B. 用 户 可 以 导入 并 操作 在 其 他 应 用 程序 中 创建 的 矢量 图 形 和 位 图 图 像 
C. 用 Animate CC 2018 的 绘图 工具 画 出 来 的 图 形 为 拓 量 图 形 
D. 一 般 来 说 ， 和 拓 量 图 形 比 位 图 图 像 文 件 大 
5. 使 用 选择 工具 可 以 改变 图 形 的 形状 ， 下 面 说 法 正确 的 是 ( 2 
A. 使 用 选择 工具 选择 需要 修改 的 形状 ， 单 击 并 拖 动 鼠标 即 可 调整 该 图 形 的 形状 
B. 在 未 选中 形状 的 状态 下 ， 将 鼠标 指针 移动 到 需要 调整 处 ， 单 击 并 拖 动 ， 即 可 调整 其 弧度 
C. 使 用 选择 工具 选择 需要 修改 的 形状 ， 按 住 Ctrl 键 拖 动 鼠标 
D. 以 上 均 不 正确 
6. 使 用 任意 变形 工具 可 以 对 图 形 进行 ( ) 操作 。 
A. 缩放 B. 旋转 C. 倾斜 扭曲 D. 封套 


一 人 Ee: SSE208 


7. 下 面 说 法 正确 的 是 (  )。 


A. 位 图 图 像 不 可 分 离 B. 形状 不 可 分 离 
C. 取消 组 合 命 令 同样 可 以 分 离 元 件 D. 以 上 均 正确 
二 、 填 空 题 
1. 在 “对 齐 ” 面 板 中 选中 选项 ， 可 以 以 整个 舞台 为 标准 ， 使 舞台 上 的 对 象 相对 于 舞台 
进行 对 齐 ， 即 使 更 改 了 舞台 大 小 ， 舞 台 上 的 对 象 也 不 会 偏离 舞台 进入 工作 区 。 
2. 分 离 动画 图 形 可 以 使 用 快捷 键 
3. 组 合 动画 图 形 可 以 使 用 快捷 键 
4“ 排 列 ” 命 令 只 能 用 来 改变 ”的 对 象 之 间 的 排列 关系 ， 不 能 改变 的 对 象 
排列 关系 。 


5. 将 位 图 转换 为 天 量 图 形 后 ， 和 天 量 图 形 与 “ 库 ” 面 板 中 的 位 图 元 件 __ 有 关联 。 


一 个 动画 往往 需 ;要 用 到 很 多 图 层 ， 将 不 同 的 图 形 或 动画 添加 到 不 
同 的 层 上 ， 最 终 合并 起 来 就 是 一 幅 生 动 而 且 有 深度 感 的 作品 。 图 层 的 
数量 没有 限制 ， 但 在 实际 应 用 中 ， 要 考虑 计算 机 的 性 能 ， 适 当地 分 配 

动画 最 基本 的 单位 是 帧 , 对 帧 的 操作 事实 上 就 是 对 时 间 轴 的 编辑 。 
I 以 及 图 层 的 组 成 对 象 进行 编辑 的 地 方 ， 是 动 
画作 品 创作 的 核心 内 
本 章 将 介绍 动画 制作 中 必 不 可 少 的 图 层 工具 的 常用 操作 ， 以 及 动 
: I 


。 了 解 图 层 模 式 
% 管理 国 反 
人 帧 的 相关 操作 


5.1 了 解 图 层 模 式 


图 层 可 以 理解 为 摆 放 在 舞台 上 的 一 系列 透明 的 “画布 ”, 在 “画布 ”上 用 户 可 以 随意 摆 放 想 要 的 内 容 ， 
这 些 内 容 之 间 是 相互 独立 的 。 每 个 层 的 显示 方式 与 其 他 层 的 关系 非常 重要 ， 这 是 因为 各 层 中 的 对 和 象 是 装 
加 在 一 起 的 ， 最 上 面 的 层 是 影片 的 前 景 ， 最 下 面 的 层 是 影片 的 背景 ， 被 遮挡 住 的 部 分 不 可 见 。 
图 层 有 如 下 四 种 模式 ， 不 同 模式 的 图 层 以 不 同 的 方式 工作 。 通 过 单 击 层 名 称 栏 上 的 适当 位 置 ， 可 以 
随时 改变 层 的 模式 。 
NW 当前 层 模式 : 当前 层 的 名 称 栏 上 显示 左右 控件 回国 ， 如 图 5-1 所 示 的 “图 层 2”。 在 任何 时 候 ， 
只 能 有 一 层 处 于 这 种 模式 ， 这 一 层 就 是 当前 操作 的 层 。 


图 5-1 当前 导 模 式 


单 击 图 层 名 称 ， 即 可 将 选中 的 层 指 定 为 当前 层 ， 且 突出 显示 。 在 舞台 上 添加 的 新 对 象 都 将 被 分 配给 
9 隐藏 模式 : 隐藏 图 层 的 名 称 栏 上 显示 一 个 国 图 标 ， 如 图 5-2 所 示 的 “图 层 3"。 要 集中 处 理 舞 台 上 
的 某 一 部 分 时 ， 隐 藏 一 层 或 多 层 中 的 某 些 内 容 很 有 用 。 


S 锁定 模式 : 锁定 图 层 的 名 称 栏 上 显示 一 个 锁 图 标 图 ， 如 图 5-3 所 示 的 “图 层 4"。 图 层 被 锁定 后 ， 
可 以 看 见 该 层 上 的 内 容 ， 但 是 无 法 对 其 进行 编辑 ， 通 常用 于 暂时 不 会 对 其 进行 修改 或 防止 被 误 操 
作 的 图 层 。 


罚 5-3 ”锁定 模式 


单 击 指定 图 层 上 “锁定 ”图 标 图 对 应 的 位 置 ， 即 可 锁定 或 解锁 图 层 。 


YN 轮廓 模式 : 层 的 名 称 栏 上 显示 彩色 方 框 ， 而 不 是 实心 方块 时 ， 该 图 层 上 的 内 容 仅 显 示 轮 廊 线 ， 轮 
廊 线 的 颜色 由 方 框 的 颜色 决定 。 如 图 5-4 所 示 的 “图 层 5”。 


图 5-4 轮廓 模式 


蛙 击 指定 图 层 上 “轮廓 ”图 标 上 对 应 的 彩色 方块 ， 即 可 以 轮廓 模式 或 正常 模 式 显示 图 层 内 容 。 


5.2 管理 图 层 


虽然 在 舞台 上 无 法 识别 出 单个 的 图 层 ， 但 可 以 通过 图 层面 板 便捷 地 显示 和 访问 各 个 图 
时 间 轴 衔 口 的 左 侧 部 分 束 古 图 层面 板 ， 如 图 5-5 所 示 。 


5.2.1 创建 、 重 命名 图 层 


1. 创建 图 层 

新 建 一 个 Animate CC 2018 文档 时 ， 文 件 默认 的 图 层 数 为 1。 尽 管用 一 
个 图 层 也 可 以 制作 动画 ， 但 是 在 Animate CC 2018 中 ， 同 一 时 间 一 个 图 层 

只 能 设置 一 个 动画 ， 所 以 制作 较 复 杂 的 动画 时 ， 就 需要 多 个 图 层 了 。 

创建 一 个 新 的 图 层 有 以 下 三 种 方法 : 

NN 执行 “插入 ” | “时 间 轴 ” | “图 层 ” 命 令 。 

所 单 击 图 层面 板 左下 角 的 “新 建 图 层 ”按钮 国 。 

和 右 击 图 层面 板 上 的 任意 一 层 ， 在 弹出 的 快捷 菜单 中 选择 “插入 图 层 ” 命 令 。 


新 建 一 个 图 层 时 ，Animate CC 2018 自动 在 层 上 添加 足够 多 的 帧 ， 以 与 时 间 轴 中 的 最 长 
帧 序列 匹配 。 也 就 是 说 ， 如 果 最 长 帧 序列 为 20 帧 ，Animate CC 2018 将 自 动 在 所 有 新 图 层 上 | 
添加 20 个 帧 。 
重 命名 图 层 
新 建 一 个 图 层 后 ，Animate CC 2018 将 按 序号 目 动 为 不 同 的 层 分 配 不 同 的 名 字 ， 如 图 层 1、 图 层 2 等 。 
尽管 用 户 可 能 不 需要 为 层 起 不 同 的 名 字 ， 但 是 笔者 仍然 建议 读者 在 创建 图 层 时 ， 依 照 图 层 之 间 的 关系 或 
内 容重 个 名 图 层 ， 以 便 日 后 对 图 层 中 的 对 象 进 行 组织 、 管 理 。 
重 命名 层 可 选用 以 下 两 种 方法 之 一 : 
和 右 击 要 重 命 名 的 图 层 ， 选 择 “ 属 性 ”命令 ， 在 弹出 的 “图 层 属 性 ”对 话 框 中 的 “名 称 ” 文 本 框 
中 输入 图 层 名 称 ， 如 图 5-6 所 示 。 
和 双击 图 层 名 称 ， 当 图 层 名 称 变 为 可 编辑 状态 时 (图 5-7 所 示 ) 输入 一 个 新 的 名 称 ， 输 入 完 年 ， 按 
Enter 键 ， 或 单 击 其 他 空白 区 域 。 


将 图 层 视 为 轮廓 人 W] 


图 5-6 “图 必 属 性 ”对 话 杠 


5.2.2 上 机 练习 


per 


| 本 实例 的 要 点 是 按钮 的 立体 感 把 握 ， 首 先 绘制 一 个 正 国 并 
AN 谢 证 :进行 线性 填充 ， 然后 复制 该 图 形 ， 将 两 个 图 形 放 在 不 同 的 图 层 
国 圈 中， 最 后 对 复制 的 图 形 进行 缩放 和 旋转 ， 从 而 创建 立体 感 ， 最 
| 终 效果 如 图 5-8 所 示 。 
操 园 步 国 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 佬 图 5-8 按钮 的 效果 

(1 ) 执行 “文件 ”1 “新 建 ”命令 ， 新 建 一 个 Animate CC 2018 文件 ( ActionScript 3.0 )。 

(2 ) 在 工具 箱 中 选择 “椭圆 工具 "， 并 在 对 应 的 属性 面板 上 设置 笔触 颜色 “无 "， 填 充 色 任 意 ， 然 后 
按 住 Shift 键 的 同时 拖 动 鼠标 在 舞台 上 绘制 一 个 正 圆 。 

(3 ) 执行 “窗口 ”1 “颜色 ”命令 ,打开 “颜色 ”浮动 面板 。 在 “颜色 类 型 ”下 拉 列 表 中 选择 “线性 
渐变 "， 然 后 在 颜色 编辑 栏 上 设置 第 一 个 颜色 游标 为 白色 ， 第 二 个 颜色 游标 为 淡 红色 ， 如 图 5-9 所 示 。 填 
充 后 的 效果 如 图 5-10 所 示 。 

(4 ) 选中 填充 后 的 圆 形 ， 执 行 “ 编 辑 ” | “复制 ”命令 ， 复 制图 形 。 

(5 ) 单 击 图 层面 板 左下 角 的 “新 建 图 层 ”按钮 ， 然 后 双击 图 层 名称 栏 ， 当 该 区 域 变 为 可 编辑 状态 时 ， 
输入 “小 圆 "， 并 按 Enter 键 ， 将 图 层 名 称 修改 为 “小 圆 ”。 

(6 ) 执行 “编辑 ”1“ 粘 贴 到 当前 位 置 ” 命令 粘贴 图 形 ,然后 执行 “修改 ”1 “变形 ” 1“ 缩放 和 旋转 ” 
命令 ， 在 弹出 的 对 话 框 中 设置 缩放 比例 为 80%， 旋 转角 度 为 180”， 如 图 5-11 所 示 。 

(7) 单 击 “确定 ”按钮 关闭 对 话 框 ， 即 可 得 到 最 终 效果 ， 如 图 5-8 所 示 。 


添加 到 色 板 


图 5-9 “颜色 ”面板 图 5-10 填充 辑 形 效果 图 5-11 调整 小 球 的 填充 颜色 


5.2.3 ”改变 图 层 顺 序 


通过 修改 图 层 的 层 装 顺序 ， 可 以 创建 不 同 的 仅 加 效果 。 

(1 ) 选择 需要 调整 顺序 的 图 屋 ， 如 图 5-12 (a ) 所 示 的 “图 层 8”。 

(2 ) 在 图 层 上 按 下 鼠标 左 键 不 放 ， 拖 到 需要 的 位 置 。 目 标 位 置 将 显示 一 条 粗 黑 线 ， 如 图 5-12 (b) 
所 未 。 

(3 ) 释放 鼠标 ， 即 可 将 选中 图 层 移 到 指定 位 置 ， 如 图 5-12(¢) 所 示 。 
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5.2.4 ”修改 图 层 属 性 


创建 图 层 之 后 , 用户 还 可 以 修改 图 层 的 属性 , 如 图 层 名 称 、 状 态 、 类 型 .轮廓 颜色 和 图 层 单元 格 的 高 度 ， 

(1 ) 选中 要 修改 属性 的 图 层 ， 然 后 右 击 该 图 层 的 名 称 栏 。 

(2 ) 在 弹出 的 快捷 菜单 中 选择 “属性 ”命令 ， 打开“ 图 层 属性 ”对 话 框 ， 如 图 5-13 所 示 。 

NN 名 称 : 用 于 修改 选 定 图 层 的 名 称 。 

YN 锁定 : 选中 该 项 ， 则 图 层 处 于 锁定 状态 ， 不 能 选中 或 编辑 该 图 层 上 的 对 象 ; 否则 处 于 解锁 状态 ， 
该 图 层 上 的 对 象 能 够 被 选择 或 编辑 。 

和 可 见 性 : 用 于 设置 图 层 内 容 在 兽 台 上 是 和 否 可 见 。 如 果 选 择 “ 和 透明”， 该 图 层 在 图 层面 板 上 会 显示 
透明 图 标 国 ， 克 人 台 上 的 内 容 以 指定 的 透明 度 显示 。 设 置 为 100 时 ， 在 三 台 上 不 可 见 。 

NN 类 型 : 用 于 指定 图 层 的 类 型 。 
> 一 般 : 将 选 定 的 图 层 设置 为 普通 图 层 。 
> 遮 罩 层 : 将 选 定 的 图 层 设置 为 让 曾 图 层 。 


图 5-13 “图 层 属 性 ”对 话 框 


> 被 迹 界 : 将 选 定 的 图 层 设 置 为 被 迹 曾 图 层 。 
> 文件 夹 : 将 选 定 的 图 层 设置 为 图 层 文件 夹 。 
> 引导 层 : 将 选 定 的 图 层 设置 为 首 通 引 叶 图 层 ， 通 常用 于 辅助 定位 。 
时 下。 | 如 果 要 创建 运动 引导 层 ， 可 以 在 图 层 上 右 击 ， 在 弹出 的 快捷 菜单 中 选择 “添加 传统 运动 
人 PP | 引 午后 ”命令 。 
YM 轮廓 颜色 : 指定 当 图 层 以 轮 廊 亚 示 时 的 轮 麻 线 颜色 。 在 一 个 包含 很 多 层 的 复杂 场景 中 ， 轮 廉 颜色 
可 以 使 用 户 能 够 快速 识别 选择 的 对 象 所 在 的 层 。 
y 将 图 层 视 为 轮廓: 选中 的 图 层 以 轮 廉 的 方式 显示 图 层 中 的 所 有 对 象 。 
N 图 层 高 度 : 用 于 调整 图 层 单元 格 的 高 度 ， 如 图 5-14 所 示 。 图 5-14 (a) 中 “图 层 3” 的 高 度 为 
100%， 图 5-14 (b) 中 “图 层 3” 的 高 度 为 200%。 
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图 5-14 ”图 层 高 度 调整 前 后 对 比 
(3 ) 修改 图 层 属性 之 后 ， 单 击 “确定 ”按钮 ， 即 可 关闭 对 语 框 ， 并 将 所 做 修改 应 用 于 选 定 的 图 层 。 
5.2.5 -标识 不 同 图 技 


在 一 个 包含 很 多 图 层 的 复杂 场景 中 ， 要 确定 某 个 对 象 属于 哪 一 个 图 层 似乎 并 不 是 一 件 容易 的 事情 。 
事实 上 ，Animate CC 2018 提供 一 个 很 有 用 的 工具 以 快速 识别 选中 对 象 所 在 的 层 。 

Animate CC 2018 默认 为 每 一 个 图 层 在 名 称 栏 上 指定 一 种 轮廓 颜色 ， 用 以 标记 不 同 层 上 的 对 象 。 

单 击 图 层 名 称 栏 右 侧 的 彩色 方块 ， 实 心 方块 将 变 为 彩色 方 框 ， 舞 台 上 对 应 的 图 层 内 容 也 随 之 仅 以 轮 
廓 线 显示 ， 如 图 5-15 所 示 。 


Fn 
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| 


图 5-15 ”轮廓 标 识 前 、 后 ， 居 上 的 对 象 效 果 对 比 


骨 次 单 击 彩色 方 框 ， 图 标 义 变 为 彩色 方块 ， 该 层 中 的 对 象 义 恢复 正 第 显示 。 


轮廓 线 显示 方式 对 文本 和 打 散 的 文本 的 显示 效果 有 所 不 同 。 在 轮廓 显示 模式 下 ， 分 解 | 
为 图 形 之 后 的 文字 只 显示 轮廓 线 ， 而 未 分 解 的 文字 将 以 软 廓 线 的 颜色 完全 显示 ， 各 图 5-16 


A 站 CTIC 下 一 打 散 的 文字 | | [FeTic 


Ardtic— mr rctic 


图 5-16 轮 廊 标识 前 、 后 ， 图 形 与 又 字 的 效果 对 比 


用 户 还 可 以 修改 默认 的 轮廓 颜色 。 

(1 ) 在 要 修改 的 图 层 名 称 栏 上 右 击 ， 在 弹出 的 快捷 沫 单 中 选择 “属性 ”命令 ， 弹 出 “图 层 属性 ”对 
话 框 。 

(2 ) 单 击 “ 毗 廓 颜色 ” 右 侧 的 色 块 , 可 以 设置 轮廓 的 颜色 ， 然 后 选中 “将 图 层 视 为 轮廓 ” 复 选 枉 ， 如 
图 5-17 所 示 。 


图 5-17 “将 图 层 视 为 轮 廊 ”选项 


5.2.6 复制、 删除 图 层 


如 果 要 制作 两 个 或 多 个 内 容 相 同 或 相似 的 图 层 ， 可 以 复制 一 个 图 层 上 的 全 部 或 部 分 内 容 以 建立 一 个 
新 图 层 。 在 输出 动画 之 前 ， 也 应 及 时 删除 多 余 的 图 层 ， 以 减少 文件 体积 。 

1. 复制 图 层 

在 Animate CC 2018 中 ， 甚 至 可 以 同时 选中 一 个 场景 的 所 有 层 ， 将 它们 粘贴 到 其 他 任何 位 置 以 复制 

(1 ) 选择 要 复制 的 层 ， 单 击 要 复制 的 第 1 帧 ， 然 后 按 住 Shift 键 的 同时 单 击 要 复制 的 最 后 一 帧 。 选 择 
的 帧 区 域 将 高 亮 显示， 表明 被 选中 ， 如 图 5-18 中 图 层 2 的 第 $ 帧 ~ 第 30 帧 。 


提示 : ; ”如果 要 选择 多 个 连续 图 层 中 的 连续 帧 ， 可 以 单 击 要 复制 的 第 一 层 的 第 一 帧 ， 然 后 按 下 鼠 
< ! 标 左 键 拖 到 最 后 一 层 的 最 后 一 帧 ， 爸 放 鼠 标 。 如 果 要 复制 的 层 不 连续 ， 可 以 单 击 要 复制 的 第 一 
“7 1 个 图 层 的 名 称 ， 然 后 按 下 Ctrl 键 的 同时 单 击 其 他 需要 复制 的 图 层 的 名 称 。 


(2 ) 右 击 选中 的 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “复制 帧 ”命令 。 

(3 ) 新 建 一 个 图 层 ， 用 于 接受 被 复制 层 的 内 容 。 

(4) 右 击 要 糙 巾 内 容 的 起 始 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “粘贴 帆 ” 命 令 。 

这 样 ， 承 完成 了 对 单 层 的 复制 与 煌 由 。 如 采 复 制 多 个 层 ， 则 Animate CC 2018 将 目 动 新 建 其 他 图 层 ， 
以 容纳 复制 的 图 后 


i, 如 果 在 快捷 菜单 中 选择 “粘贴 并 覆盖 帧 "命令 ,可 用 复制 的 帧 替换 时 间 轴 上 相同 数目 的 帧 。| 
/ 0 例如 ， 复 制 10 个 帧 ， 然 后 使 用 “粘贴 并 覆盖 帧 ”命令 粘贴 ， 则 从 粘贴 处 开始 的 0 林 放 生计 
| 注意 。 复制 的 帧 葵 换 。 


2. 删除 图 层 

删除 图 层 的 操作 也 很 简单 。 

(1) 选中 要 删除 的 图 层 

(2 ) 执行 以 下 操作 之 一 删除 选中 的 层 。 

所 单 击 图 层面 板 右 下 角 的 “删除 ”按钮 回 . 

Y iron 从 弹出 的 上 央 捷 菜单 中 选择 ， 删除 图 层 ” 命 令 
删除 图 层 的 同时 ， 该 图 层 上 的 所 有 对 象 也 会 被 一 并 删除 。 


s.2.7 用 文件 夹 组 织 疼 层 
影片 越 复 休 ， 图 层 就 会 越 多 。 当 影片 复杂 到 需要 由 数 十 个 图 层 


(2 ) 单 击 图 层面 板 左下 角 的 “新 建文 件 光 ”按钮 回 ， 新 建 一 个 图 层 文件 夹 ， 如 图 5-19 所 示 。 

(3 ) 双击 文件 夹 名 称 ， 当 名 称 区 域 变 为 可 编辑 状态 时 ， 输 入 一 个 容易 记忆 的 名 称 ， 按 Enter 键 ， 或 
单 击 其 他 空 日 区 域 确 认 。 

(4 ) 选择 要 移 到 该 文件 夹 中 的 图 层 ， 如 图 5-20 所 示 。 

(5 ) 在 选中 的 图 层 上 按 下 鼠标 左 键 并 拖 到 文件 夹 下方 ， 图 层 拖 放 的 目的 地 将 显示 一 条 黑色 粗 线 ， 如 
图 5-21 (a ) 所 示 。 

(6) 释放 鼠标 ， 即 可 将 选中 的 图 层 置 于 文件 夹 之 下 ， 效果 如 图 5-21 (b ) 所 示 。 

(7) 单 击 图 层 文 件 夹 左 侧 的 三 角形 按钮 ， 可 以 折 对 或 者 展开 图 层 文件 夹 。 

利用 图 层 文件 夹 可 以 一 次 性 将 编辑 操作 应 用 于 图 层 文 件 夹 中 所 有 的 图 层 ， 而 不 必 对 其 中 的 每 个 图 层 
分 别 进行 操作 。 例 如 ， 单 击 图 层 文件 夹 的 显示 控制 按钮 ， 即 可 隐藏 该 文件 夹 中 的 所 有 图 层 。 同 样 ， 如 末 
删除 图 层 文 件 来， 其 中 的 所 有 图 层 将 一 并 删除 。 
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图 5-21 站 动 选中 的 责 层 到 交 件 夹 


5.3， 帧 的 相关 操作 


动画 的 制作 原理 是 在 动画 最 小 时 间 里 连续 显示 数 十 个 万 至 数 日 个 静态 图 片 ， 使 得 用 户 肉 眼看 起 来 ， 
图 片 中 的 物体 在 运动 。 各 个 静止 的 图 片 称 为 帧 ， 帧 代表 时 刻 ， 不 同 的 帧 就 是 不 同 的 时 刻 ， 动 画 制作 实际 


5.3.1 认识 时 间 轴 上 的 帧 


时 间 轴 顶部 为 时 间 轴 标尺 ， 显 示 时 间 ( 以 秒 为 单位 ) 和 帧 编号 ， 如 图 5-22 所 示 。 

时 间 轴 标尺 由 帧 标记 、 帧 编号 和 时 间 标记 三 部 分 组 成 。 帧 标记 就 是 标尺 上 的 垂直 线 ， 每 一 个 刻度 
代表 一 帧 ， 每 5 帧 显示 一 个 帧 编号 。 帧 编号 居中 显示 在 两 个 帧 标记 之 间 。 时 间 标记 以 秒 为 单位 ， 将 由 
转换 为 时 间 ， 方 便 用 户 知悉 在 动画 过 程 中 设置 的 每 秒 帧 数值 (FPS )。 例 如 ， 图 5-22 的 时 间 轴 显示 每 秒 
24 帆 [。 


时 间 轴 标尺 时 间 标 记 播放 头 


当前 帧 编号 
图 5-22 ”时 间 轴 窗口 
和 


中行 “编辑 ”| “首选 参数 ”| “常规 ”命令 ， 选 中 “在 时 间 轴 中 隐藏 时 间 标记 ” 复 选 种 ， 可 以 在 时 间 
轴 上 隐藏 时 间 标记 。 


播放 头 是 时 间 轴 上 的 红色 小 方块 。 拖 动 播放 头 时 ， 动 画 会 随 看 播放 头 的 拖 动 方 同 癌 前 或 同 后 播放 ， 
状态 栏 上 会 实时 显示 播放 头 所 在 的 帧 编号 。 


5.3.2 -了解 帆 的 种 类 
在 制作 动画 时 ， 常 会 涉及 到 关键 帧 、 空 白 关 键 帧 、 普 通 帧 等 术语 ， 熟 练 掌握 这 些 基 本 概念 对 制作 动 
画 不 无 神 益 。 


1. 关键 帧 
顾名思义 ， 是 指 动画 中 具有 关键 内 和 容 的 帧 ， 或 者 说 是 能 改变 动画 内 容 的 帧 。 也 就 是 说 ， 如 且 要 更 改 
动画 (如 添加 或 删除 内 容 、 改 变 对 象 的 运动 方式 ， 等 每 )， 束 要 使 用 关键 帆 。 关 键 帧 在 时 间 轴 上 显示 为 


一 个 小 的 实心 圆 点 ， 前 一 个 关键 帧 与 后 一 个 关键 帧 之 间 用 黑色 线段 来 划分 区 段 ， 如 图 5-23 所 示 的 图 层 3 
第 l 帧 和 第 1 > Wi, 
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图 5-23 ”关键 帧 


在 同一 个 关键 帧 的 区 段 中 ， 关 键 帧 的 内 容 会 保留 给 它 后 面 的 帧 ， 例 如 ， 图 5-23 中 的 第 16 帧 ~35 帧 
的 内 容 与 第 15 帧 相同 。 利 用 关键 帧 制作 动画 ， 只 要 确定 动画 中 的 对 象 在 开始 和 结束 时 的 两 个 关键 状态 ， 
Animate CC 2018 会 自动 通过 插 帧 的 办 法 计算 并 生成 中 间 帧 的 状态 。 如 果 需 要 制作 比较 复杂 的 动画 ， 动 夯 
对 象 的 运动 过 程 变化 很 多 ， 可 以 通过 增加 关键 帧 来 达到 目的 ， 关 键 帧 越 多 ， 动 画 效 果 就 越 细 致 。 如 果 所 
有 的 帧 都 是 关键 帧 ， 就 形成 了 逐 帧 动画 。 

2. 空白 关键 帧 

如 果 关 键 帧 中 没有 任何 对 象 ， 称 为 空 日 关键 帧 。 创 建 一 个 新 图 层 时 ， 每 一 个 图 层 的 第 一 帧 将 自动 被 
设置 为 空白 关键 帧 ， 在 时 间 轴 上 上， 空心 圆 点 表示 空 日 关键 帧 ， 如 图 5-24 所 示 的 图 层 3 第 30 帧 ， 以 及 图 

层 1 和 图 层 2 的 第 1 帧 。 


[1 3 


图 5-24 讼 白 关 键 顶 


空 日 关键 帧 可 以 清除 前 一 个 关键 帧 保留 下 来 的 内 容 ， 例 如 ， 图 5-24 中 的 第 30 帧 将 清除 第 15 帧 关键 
帧 保留 下 来 的 内 容 , 因 此 ,第 30~35 帧 为 空白 ,在 一 个 空 日 关键 帧 中 添加 对 象 以 后 ,空白 关键 帧 变 成 关键 帧 。 

3. 普通 帧 

普通 帧 是 在 时 间 轴 上 能 显示 实例 对 象 ， 但 不 能 对 实例 对 象 进行 编辑 操作 的 帧 。 在 时 间 轴 窗口 中 ， 普 
通 帧 显示 为 灰色 填充 的 小 方 格 ， 且 总 是 在 关键 帧 的 后 面 ， 并 延续 关键 帧 上 的 内 容 ， 直 到 出 现 另 一 个 关键 
帧 为 止 。 例 如 图 5-24 中 图 层 3 的 第 29 帧 。 

在 一 个 关键 帧 的 后 面 插入 普通 帧 ， 这 在 制作 动画 中 是 一 个 很 有 用 的 小 技巧 。 例 如 ， 如 图 5-25 图 层 2 
的 第 10 帧 是 一 个 关键 帧 ， 在 该 层 的 第 35 帧 插入 一 个 普通 帧 ， 此 时 ， 第 11 帧 至 第 35 帧 中 间 所 有 的 帧 都 
变 为 灰色 。 将 播放 头 移 到 第 35 帧 ， 可 以 看 到 与 图 层 2 第 10 帧 相同 的 画面 。 


图 5-25 ”插入 普 育 帧 


5.3.3 ”创建 关键 帆 


在 时 间 轴 中 ， 用 户 可 以 根据 需要 添加 关键 帆 ， 让 它们 按照 设计 的 顺序 进行 排列 ， 从 而 制作 出 精美 、 
流畅 的 动画 。 

(1 ) 在 时 间 轴 上 单 击 选择 一 个 或 多 个 音 通 帧 或 空 日 帧 。 

(2 ) 执行 “插入 ”1 “时 间 轴 ”1 “关键 帧 ”命令 ， 或 在 需要 添加 关键 帧 的 位 置 右 击 ， 从 弹出 的 快 
捷 玉 单 中 选择 “插入 关键 巾 ” 他 令 。 

如 采 选 择 的 是 普通 帆 ， 由 于 该 帆 中 已 有 内 容 ， 该 操作 只 是 将 它 转 换 为 关键 怖 ， 如 图 5-26 所 示 。 


时 间 硅 


图 5-26 ”转换 为 关键 帧 


如 条 选择 的 是 空 日 帧 ， 由 于 没有 添加 内 容 ， 该 操作 将 添加 一 个 空 日 关键 帧 ， 如 图 5-27 所 示 。 
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图 5-27 创建 关键 帧 
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也 开间 在 担 癌 


创建 空 日 关键 帆 和 普通 帧 的 方法 与 创建 关键 帧 的 方法 基本 相同 ， 不 同 的 是 在 弹出 的 沫 单 中 选择 “ 择 
和 人 人 空 日 天 键 帧 ”或 “插入 帧 ”命令 。 


S.3.4 ”关键 帆 与 普通 帆 相 五 转换 


在 实际 的 动画 制作 过 程 中 ， 第 音 需 要 把 将 通 帧 转换 为 关键 帧 ， 或 把 关键 帧 转换 为 普通 帧 。 

(1 ) 选中 需要 转换 为 关键 帆 的 普通 帧 。 

(2 ) 在 选中 的 巾 上 右 击 ， 在 弹出 的 快捷 灯 单 中 选择 “转换 为 关键 巾 ”他 令 。 

该 命令 可 以 将 多 个 选 定 的 帧 同时 转换 为 天 键 帧 。 

如 末 要 将 关键 帧 转换 为 普通 帧 ,可 以 在 选中 的 关键 由 上 右 击 ,在 弹出 的 快捷 六 单 中 选择 “清除 天 键 帆 


全 令 a 


5.3.5 ” 选 拉 由 i 

要 对 帧 进行 操作 ， 首 先 需要 选择 帧 。 在 Animate CC 2018 中 ， 用 户 可 以 选择 单个 帧 ， 也 可 以 选择 连 
续 的 或 不 连续 的 多 个 帧 ， 甚 至 可 以 选择 所 有 的 帆 。 

1. 选择 单个 帧 


在 时 间 轴 上 单 击 帧 ， 即 可 使 帧 处 于 选中 状态 。 
使 用 图 层 上 的 左右 控件 回国 可 以 在 当前 图 层 上 的 关键 帧 之 间 导 航 。 


2. 选择 多 个 连续 帧 

执行 以 下 操作 之 一 : 

(1 ) 单 击 要 选择 的 帧 范围 的 第 一 帧 ， 然 后 按 住 Shift 键 的 同时 单 击 帧 范围 的 最 后 一 帧 ， 所 有 被 选中 的 
帧 将 高 亮 显 示 ， 如 图 5-28 (a ) 所 示 。 

(2 ) 在 需要 选择 的 帧 范围 的 第 一 帧 按 下 鼠标 左 键 并 拖 动 框 选 ， 拖 到 帧 范围 内 的 最 后 一 帧 时 释放 鼠 
标 ， 如 图 5-28 (b ) 所 示 。 


$s ”| 执行 “编辑 ”| “时 间 轴 ” | “选择 所 有 帧 ”命令 ， 或 使 用 快捷 键 Ctl + Alt+A， 可 以 和 
E>。 ;中 时 间 轴 上 所 有 的 帧 。 

3. 选择 不 连续 的 由 

单 击 要 选择 的 帧 范围 的 第 一 帧 ， 然 后 按 住 Cal 键 的 同时 单 击 
其 他 需要 的 帧 ， 可 以 选择 多 个 不 连续 的 帧 。 所 有 被 选中 的 帧 将 高 
亮 显示 ， 如 图 $-29 所 示 。 


图 5-29 选中 不 连续 的 巅 


5.3.6 移动 、 复 制 帧 


1. 移动 帧 

(1 ) 在 时 间 轴 上 选择 要 移动 的 一 个 或 一 系列 帧 。 

(2 ) 在 选中 的 帧 上 拖 动 鼠标 ， 拖 到 目的 位 置 将 显示 一 个 边框 ， 如 图 5-30 所 示 。 
(3 ) 释放 鼠标 ， 即 可 将 选中 的 帧 移动 到 新 的 位 置 ， 如 图 5-31 所 示 。 


时 间 畦 


~ 四 移动 的 目标 位 置 


图 5-30” 艳 动 选 中 的 帧 图 5-31 移动 帧 到 新 的 位 置 


2. 复制 帧 

(1 ) 在 时 间 轴 上 选择 要 复制 的 一 帧 或 一 系列 帧 ， 如 图 5-32 所 示 。 

(2 ) 在 选中 的 帧 上 右 击 ， 从 弹出 的 快捷 莱 单 中 选择 “复制 帧 ”命令 。 

(3 ) 在 需要 粘贴 帧 的 位 置 右 击 ， 从 弹出 的 快捷 菜单 中 选择 “ 精 贴 帧 ”命令 或 “ 精 贴 并 覆盖 巾 "。 烽 贴 


后 的 效果 如 图 5-33 所 示 。 


图 5-32 ”在 时 间 轴 窗口 中 篷 中 要 复制 的 帧 图 5-33 ”粘贴 帧 的 效果 


谈 者 需要 注意 的 是 ,“ 粘 贴 并 履 凋 帧 ”人 淖 令 与 “粘贴 帧 ”的 不 同 之 处 在 于 ,“ 粘 贴 并 缆 兽 帧 ”使 用 复 


制 的 帧 蔡 换 粘贴 位 置 同等 数量 的 帧 ， 而 “粘贴 帧 ”是 在 粘贴 位 置 插入 复制 的 帧 。 


你 一 力 
兴办 


选中 要 复制 的 帧 序列 之 后 ， 按 住 Alt 键 将 它 拖 动 到 目标 位 置 可 以 复制 帧 。 与 “复制 帧 ”和 “粘贴 帧 " 


命令 不 同 ， 该 操作 将 原来 该 位 置 的 帧 替换 为 复制 的 帧 ， 而 不 是 插入 。 


5.3.7 ”上 机 练 > 


本 节 练习 制作 一 个 闪烁 的 五 角 星 ， 通 过 对 操作 步骤 的 详细 ; 


国 国 + 下 pr .yd 
: : - 一 2 于 红 每 振 ;， Dn | 、 十 只， 六 及 1 ~ : 
Ne Pr Od 


: Re 
AN ， 了 瞬 计 使 用 "选择 工具 ”将 复制 的 线条 进行 调整 ， 形 成 五 角 星 形 ， 然 后 添加 关键 慎 ， 并 修改 
nd 关键 帧 中 图 形 的 大 小 ， 制 作 星 形 逐 渐变 小 的 动画 。 最 后 通过 反 向 复制 并 粘贴 帧 ， 形 成 

图 形 逐 渐变 大 的 动画 。 最 终 效果 如 图 5-34 所 示 ， 五 角 星 形 逐 渐变 小 ， 然 后 逐渐 变 大 。 | 
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闪 炼 的 五 角 星 .swf 
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-上 人 


图 5-34 ”动画 效果 


操 轿 步 国 BB 


(1) 执行 “文件 ” 1“ 新建” 命令， 新建 一 个 Animate CC 2018 文档 (ActionScript 3.0 )， 舞 台大 小 
为 365 像素 x 435 像素 ， 帧 频 为 12fps。 

(2 ) 双击 当前 图 层 名 称 栏 ， 将 图 层 重 命名 为 “ 育 景 "。 执 行 “文件 ”1 “导入 ”| “导入 到 舞台 ” 命 

， 导 人 一 幅 背 景 图 像 。 

(3 ) 选中 图 像 , 执行 “窗口 ”1 “信息 ”命令 ,打开 “信息 ”面板 , 设置 图 像 的 大 小 和 坐标 , 如 图 5-35 
所 示 。 使 图 像 大 小 与 舞台 大 小 相同 ， 且 图 像 左 上 角 与 舞台 左上 角 对 齐 。 

(4 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 ， 新 建 一 个 图 层 ， 重 命名 为 “ 星 ”。 然 后 在 工具 箱 中 选 
择 “ 线 条 工具 ”， 按 照 图 5-36 设置 线条 的 笔触 属性 ， 在 舞台 上 绘制 一 条 和 卫 线 。 

(5 ) 选中 绘制 的 线条 ， 执 行 “ 和 窗口 ”| “变形 ”命令 ， 打开 “变形 ”和 面板。 设置 旋转 角度 为 36， 然 

连续 单 击 “ 重 制 选区 并 变形 ”按钮 4 次， 如 图 5-37 所 示 。 此 时 的 舞台 效果 如 图 5-38 所 示 。 
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图 5-35 ”设置 画像 大 外 与 位置 图 5-36 ”设置 线条 的 笔触 属性 图 5-37 人 诅 置 变形 参数 


(6) 在 工具 箱 中 选择 “选择 工具 ”， 按 住 Shift 键 选中 形成 夹 角 的 两 条 相 邻 线条 ， 拖 动 线条 位 置 ， 形 
成 五 角 星 形 ， 如 图 5-39 所 示 。 


oj 


图 5-38 变形 后 的 效果 图 5-39 五 角 星 形 效 果 


接 下 来 绘制 五 角 星 形 的 内 部 线条 。 

(7 ) 在 工具 箱 中 选择 “线条 工具 ”， 在 属性 面板 上 设置 笔触 颜色 为 黄色 ， 笔 触 大 小 为 1， 在 五 角 星 形 
内 部 绘制 从 中 心 点 到 各 个 角 的 线条 ， 如 图 5-40 所 示 。 

(8 ) 执行 “窗口 ”| “颜色 ”命令 ， 打开 “颜色 ”面板 。 设 置 颜色 类 型 为 “线性 渐变 ”， 填 充 色 为 黄 
色 到 红色 的 渐变 ， 如 图 5-41 所 示 。 人 然后 在 工具 箱 中 选择 “颜料 桶 工具 ”， 在 星 形 的 各 个 封闭 区 域 单 击 进 
行 填充 ， 如 图 5-42 所 示 。 


A Eye as 


ol /I 间 ou 


FA 如 果菜 些 区 域 不 能 填充 ， 可 能 是 端点 之 间 的 连接 存在 空 队 。 可 以 在 工具 箱底 部 单 击 “ 同 
AD | 隔 大 小 ”按钮 国 ， 在 弹出 的 下 拉 菜 单 中 选择 要 封闭 的 空隙 大 小 ， 再 进行 填充 。 


(9 ) 在 工具 箱 中 选择 “渐变 变形 工具 ”， 分 别 单 击 各 个 填充 区 域 ， 通 过 拖 动 渐变 框 上 的 手柄 调整 渐变 
范围 和 方向 ， 使 星 形 更 具 立 体感 ， 效 果 如 图 5-43 所 示 。 

接 下 来 通过 添加 关键 帧 创建 星 形 的 变形 效果 。 

(10 ) 右 击 第 2 帧 ， 在 弹出 的 快捷 菜单 中 选择 “插入 关键 帧 ”命令 。 然 后 选中 星 形 ， 执 行 “ 修 改 ” | 
“ 恋 形 ”| “缩放 和 旋转 ”命令 ,设置 缩放 比例 为 80%， 如 图 5-44 所 示 。 

(11 ) 重复 上 一 步 的 操作 ， 依 次 在 第 3 帧 到 第 10 帧 插 和 人 关键 帧 ， 并 分 别 缩放 舞台 上 的 图 形 。 此 时 ， 


单 击 状态 栏 上 的 “给 图 纸 外 观 ” 按 钮 ， 可 以 看 到 图 形 的 变化 过 程 ， 如 图 5-45 所 示 。 


图 5-43 调整 星 形 的 渐变 效果 图 5-44 ”设置 缩放 比例 图 5-45 ”图 形 的 变化 这 程 


(12 ) 右 击 第 9 帧 ， 在 弹出 的 快捷 汪 单 中 选择 “复制 帧 ”命令 ; 然后 选中 第 11 帧 右 击 ， 在 弹出 的 快 
捷 某 单 中 选择 “粘贴 帧 ”命令 。 同 样 的 方法 ， 依 次 将 第 8~1 帧 复制 粘贴 到 第 12~19 帧 。 

(13 ) 按 下 Shift 键 单 击 第 11 帧 和 第 19 帧 ， 当 鼠标 指针 将 显示 为 se 时 ， 按 下 鼠标 左 键 向 右 拖 动 一 帧 ， 
如 图 $-46 所 示 。 

(14 ) 释放 鼠标 左 键 ， 即 可 移动 选中 的 帧 ， 此 时 第 11 帧 变 为 普通 帧 ， 如 图 5-47 所 示 。 


上 rr 四 全 | 


图 5-46 ” 选 中 帧 并 拖 动 图 5-47 移动 帧 的 效果 


(15 ) 右 击 图 层 “ 痛 景 ” 的 第 20 帧 , 在 弹出 的 快捷 菜单 中 选择 “ 择 和 人 帧 ”命令 , 将 至 景 图 像 扩 展 到 第 
20 ei。 
(16 ) 按 Ctrl+Enter 键 测试 动画 效果 ， 如 图 5-34 所 示 。 然 后 执行 “文件 ”1 “保存 ”命令 保存 文件 。 


5.3.8 删除、 请 除 帧 


选择 需要 删除 的 帧 ， 然 后 右 击 ， 从 弹出 的 快捷 沫 单 中 选择 “删除 屿 ”个 令 ， 即 可 删除 选 定 的 帆 及 其 
中 的 内 容 。 也 驶 是 说 ， 使 用 该 命令 的 关键 帧 将 变 为 空 日 帧 ， 如 图 5-48 所 示 。 
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图 5-48 ”删除 帧 前 后 的 效果 


如 条 在 弹出 的 快捷 沫 单 中 选择 “清除 帧 ”命令 ， 则 请 除 选 定 帧 中 所 有 的 内 容 ， 也 就 是 说 ， 使 用 该 命 


I 


图 5-49 ”清除 帧 的 效果 


5.3.9 ”使 用 绘图 纸 工具 查看 帧 


默认 情况 下 ， 用 户 只 能 观看 播放 头 所 在 位 置 的 帧 内 容 ， 只 能 对 当前 帧 进行 编辑 。 在 编辑 连续 运动 
的 由 动画 时 ， 通 常 需要 参考 它 在 前 一 帧 中 的 位 置 ， 如 果 反 复 跳 转 到 前 一 帧 查看 位 置 ， 然 后 再 返回 调整 下 
一 帧 中 的 位 置 ， 不 仅 花 费 很 多 的 时 间 和 精力 ， 而 且 很 可 能 出 错 。 使 用 绘图 纸 工 具 则 可 以 轻松 解决 这 种 
问题 。 
绘图 纸 工具 通常 也 称 为 洋 欧 皮 工 具 ， 这 种 来 目 传 统 笔 绘 动画 技术 的 概念 可 以 让 用 户 一 次 看 到 多 帧 画 
面 ， 各 帧 内 容 就 像 用 半 透 明 的 绘图 纸 绘制 的 一 样 稚 放 在 一 起 。 
绘图 纸 工 具 按 钮 位 于 时 间 轴 面板 底部 的 状态 栏 上 ， 如 图 5-50 所 示 。 
YN 绘图 纸 外 观 国 : 单 击 此 按钮 ， 时 间 轴 标尺 上 出 现 方 括号 标记 ， 方 括号 范围 内 的 帧 可 以 被 看 到 ， 
但 只 有 当前 帧 完全 显示 ， 其 他 帧 半 透 明显 示 ， 且 当前 帧 之 前 的 轮 廉 为 蓝 色 ， 当 前 帧 之 后 的 轮 廊 为 
绿色 ， 如 图 5-51 所 示 。 


图 5-50 ”给 图纸 工具 图 5-51 ” 单 击 “给 图 纸 外 观 ” 按 钮 的 效果 图 


拖 动 方 括号 两 边 的 圆圈 可 以 增 大 或 缩小 显示 的 帧 数 。 当 前 帧 颜色 最 深 其 他 帧 的 颜色 依次 变 浅 ， 但 
是 此 时 只 能 对 当前 帧 进行 编辑 。 
站 绘图 纸 外 观 轮廓 国 : 单 击 该 按钮 ， 绘 图 纸 工具 范围 内 的 帧 以 轮 廊 方 式 显示 ， 当 前 帧 的 轮 廊 显示 
为 红色 ， 之 前 的 帧 轮 廊 显示 为 蓝 色 ， 之 后 的 帧 轮 廊 显示 为 绿色 ， 如 图 5-52 所 示 。 
Y 编辑 多 个 帧 国 : 单 击 此 按钮 后 ， 可 以 同时 编辑 方 括号 内 的 所 有 帧 ， 而 不 用 从 一 帧 移动 到 另 一 帧 。 
YN 修改 标记 图 : 单 击 该 按钮 时 ， 会 打开 一 个 下 拉 菜 单 ， 如 图 5-53 所 示 。 其 中 的 每 个 选项 都 能 影响 
绘图 纸 标记 以 及 所 显示 的 帧 的 位 置 。 


标记 所 有 沁 转 


图 5-52 ”绘图 纸 和 氏 观 轮 廊 的 效果 图 5-53 ”修改 标记 下 拉 莱 音 


(1 ) 始终 显示 标记 : 不 管 绘图 纸 工 具 是 否 被 打开 ， 都 会 在 时 间 轴 标 斥 上 显示 方 括号 标记 。 
(2 ) 锁定 标记 : 使 绘图 纸 标记 静止 在 当前 位 置 ， 而 不 会 随 着 播放 头 的 移动 而 移动 。 

(3 ) 标记 范围 2: 当前 帧 的 前 后 2 帧 处 于 绘图 纸 标记 的 控制 范围 。 

(4 ) 标记 范围 5: 当前 帧 的 前 后 $ 帧 处 于 绘图 纸 标记 的 控制 范围 。 

(5 ) 标记 所 有 范围 : 在 当前 场景 中 所 有 帧 都 处 于 绘图 纸 标记 的 控制 范围 。 


5.4 ”实例 精 讲 一 一 新 年 倒计时 


NE ”本 节 练习 利用 关键 帧 的 原理 制作 一 个 倒计时 效果 ， 通 过 对 ， 和 
4 同 访 操作 步骤 的 详细 讲解 ， 使 读者 进一步 理解 各 种 类 型 的 帧 的 含义 5_3 实例 精 讲 新 年 
er 小 时 : 


色 ” 面 板 绘制 一 个 位 图 填充 的 图 形 ; 接 下 来 再 新 建 一 个 图 层 放置 变化 的 内 容 。 通 过 修 ， 
> 同 改 间隔 时 间 为 1 秒 的 关键 帧 中 的 数字 和 文本 ， 实 现 倒计时 的 效果 ; 最 后 删除 多 余 的 帧 。 

| 最终 效果 如 图 5-54 所 示 ， 从 5 开始 倒计时 ， 每 隔 一 秒 数字 减 小 1; 当 倒计时 结束 时 ， 
带 圆 的 数字 消失 ， 显 示 新 年 祝福 。 
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图 5-54 ”动画 效果 


早上 困 下 图 

(1 ) 执行 “文件 ”| “新 建 ”命令 ， 新 建 一 个 Animate CC 2018 文档 ( ActionScript 3.0 )， 舞 台大 小 
为 600 像素 X482 像素 ， 帧 频 为 10fps。 

(2 ) 双击 当前 图 层 的 名 称 栏 ,将 图 层 重 命名 为 “背景 "。 执 行 “ 文 件 ”1 “导入 ”| “导入 到 舞台 ” 命 
令 ， 导 入 一 幅 新 年 的 背景 图 。 调 整 图 片 位 置 ， 使 图 片 左 上 角 与 舞台 左上 角 对 齐 ， 如 图 5-55 所 示 。 然 后 右 
击 第 80 帧 ， 选 择 “ 插 入 帧 ”命令 。 

(3 ) 单 击 图 导 面板 左下 角 的 “新 建 图 层 ”按钮 ， 新 建 一 个 图 层 ， 并 将 图 层 重 命名 为 “圆圈 "。 选 中 图 
层 的 第 1 帧 ,在 工具 箱 中 选择 “椭圆 工具 ”, 设 置 笔触 颜色 为 淡 黄色 ,笔触 大 小 为 15 ,填充 色 任 意 ,如 图 5-56 
所 示 。 按 下 Shif 键 的 同时 拖 动 鼠标 绘制 一 个 正 圆 。 

(4) 选中 国 形 的 填充 区 域 ， 执 行 “ 窗 口 ” 1 “颜色” 命令， 打开“ 颜色” 面板。 在 “颜色 类 型 ”下 
拉 列 表 中 选择 “位 图 填充 ”, 单 击 “导入 ”按钮 , 在 弹出 的 对 话 框 中 选择 要 用 于 填充 的 图 像 , 单 击 “ 打 开 ” 
按钮 。 此 时 ， 鼠 标 指针 变 为 滴 管 的 形状 ， 在 导入 的 图 像 上 单 击 ， 如 图 5-57 所 示 。 即 可 用 指定 的 图 像 填 充 
图 形 。 

(5 ) 在 工具 箱 中 选择 “渐变 变形 工具 "， 调 整 图 案 填充 的 范围 和 方向 ， 效 果 如 图 5-58 所 示 。 
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图 5-55 ”导入 的 背 申 图 图 5-56 ”设置 笔触 属性 


图 5-57 设置 填充 样式 图 5-58 ”调整 位 图 填充 效果 


(6 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 屋 ” 按 钮 ， 新 建 一 个 图 层 ， 并 将 图 层 重 命名 为 “数字 ”。 选 中 图 
层 的 第 1 帧 ,在 工具 箱 中 选择 “文本 工具 ”, 按照 图 5-59 设置 文本 属性 ,然后 在 舞台 上 单 击 , 输 入 数字 “5”， 
效果 如 图 5-60 所 示 。 
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大 小 : 矿 字母 间距 
色 : 加 时 自动 调整 字 距 
弓 齿 : 。” 动 国 消 际 锯齿 


(7) 右 击 第 10 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “转换 为 关键 帧 ”命令 。 然 后 使 用 “文本 工具 ”将 数字 
修改 为 “4”"， 效果 如 图 5-61 所 示 。 


图 5-61 第 10 顶 的 舞台 效果 


(8) 按照 第 (7) 步 同样 的 方法 ， 依 次 将 第 20 帆 、 第 30 帧 和 第 40 帧 转换 为 关键 帧 ， 并 将 数字 分 别 
修改 为 3、2、1， 如 图 5-62 所 示 。 


EE sa 


图 5-62 ”第 20 顶 、30 杆 和 40 顶 的 舞台 效果 


(9) 右 击 第 50 帆 ， 在 弹出 的 快捷 羔 单 中 选择 “转换 为 空 日 关键 帆 ” 命 令 。 然 后 选择 “文本 工具 ”， 
按照 图 5-63 设置 文本 属性 ， 在 舞台 上 输入 “Happy New Year!”， 效 果 如 图 5-64 所 示 。 

本 例 要 实现 的 效果 是 ， 当 倒计时 结束 时 ， 带 贺 的 数字 消失 ， 显 示 视 福 语 。 接 下 来 通过 修改 帧 范围 
去 除 舞 台 上 的 圆圈 图 形 。 


字母 间距 
自动 调整 字 距 
消除 锯齿 : ”动画 消 了 锯齿 
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图 5-63 设置 文本 属性 妈 5-64” 芝 本 效果 


(10 ) 单 击 图 层 “ 同 圈 ” 的 第 50 帧 ， 然 后 按 住 Shift 键 单 击 该 图 层 的 第 80 帧 ， 选 中 第 50 帧 ~80 帧 。 
右 击 ， 在 弹出 的 快捷 沫 单 中 选择 “删除 帧 ”命令 。 此 时 的 舞台 效果 如 图 5-65 所 示 。 

至 此 ， 实 例 制 作 完 毕 ， 时 间 轴 面板 如 图 5-66 所 示 。 

( 11 ) 按 Ctrl+Enter 键 测试 动画 效果 ， 如 图 5-54 所 示 。 然 后 执行 “文件 ” 1 “保存 ”命令 保存 文件 。 
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图 5-66 ”时 间 轴 面板 


5.5 答疑 解 惑 


1. 插入 的 新 图 层 是 怎样 排序 的 ? 

答 : 在 删除 图 层 后 ， 如 果 再 次 插 人 一 个 新 图 层 ， 新 图 层 的 默认 名 称 的 数字 排列 不 受 已 经 删除 的 图 层 
的 影响 ， 仍 然 会 以 曾经 添加 过 的 图 层 总 数 继续 排序 。 比 如 删除 一 个 图 层 2， 新 增 一 个 图 层 ， 它 的 名 称 不 
会 仍旧 是 图 层 2〈 尽 管 目 前 时 间 轴 上 只 有 图 层 1 )， 而 是 图 层 3。 

2. 图 层 的 显示 轮廓 功能 有 什么 用 处 ? 

答 : 在 制作 复杂 的 画面 时 ， 有 时 只 需要 看 清楚 某 些 内 容 的 轮廓 线 ， 此 时 只 需要 在 该 图 层 上 单 击 显示 
图 层 轮廓 标识 即 可 ， 单 击 后 原来 的 实心 矩形 标识 变 成 空心 矩形 的 形状 ， 舞 人 台 上 的 对 象 将 只 显示 轮廓 线 ， 


矩形 标识 的 边框 类 色 即 为 舞台 上 对 象 的 轮 廊 颜色。 边框 颜色 可 以 任意 选 定 ， 只 要 双击 空心 矩形 标识 ,在 
弹出 的 对 话 框 中 设置 即 可 。 

3. 删除 帧 和 清除 帧 的 操作 有 什么 区 别 ? 

答 : 删除 帧 和 清除 帧 的 区 别 在 于 ， 删 除 帧 可 以 直接 删除 不 需要 的 帧 ， 而 清除 帧 只 清除 帧 中 的 内 容 ， 
但 图 层 中 的 帧 仍 以 空 日 关键 帧 的 形式 存在 。 

4. 图 层 之 间 的 位 置 如 何 放 置 ? 

答 : 在 创建 新 图 层 的 时 候 ， 往 往 观 察 新 图 层 的 帧 出 现 和 结束 的 范围 是 不 是 有 别 的 图 层 的 帧 同时 出 现 ， 
各 没 有 ， 则 在 此 时 新 图 层 的 帧 独一无二 ， 将 新 图 层 放 在 哪里 都 无 所 谓 ; 特 同时 有 其 他 图 层 的 帧 ， 则 要 研 
究 一 下 新 图 层 和 其 他 图 层 的 关系 ， 最 后 确定 究竟 哪个 图 层 在 上 方 。 一 般 来 讲 ， 作 为 背景 的 图 层 都 在 动画 
人 物 和 动物 所 处 图 层 的 下 方 。 

5. 如 何 让 动画 停留 一 段 时 间 后 继续 播放 ? 

答 : 在 时 间 轴 上 要 停留 的 位 置 加 入 空白 帧 可 以 让 动画 停留 ， 根 据 要 停留 的 时 间 和 帧 频 调 整 空 白 帧 的 
数量 。 
6.“ 插 入 帧 ”和 “插入 关键 帧 ”命令 有 什么 区 别 ? 

答 : 插入 帧 操作 只 能 延续 它 前 面 最 接近 的 关键 帧 的 内 容 ， 而 插入 关键 帆 可 以 为 帧 设置 新 的 内 容 。 男 
外 ， 不 论 是 形状 补 间 动 画 还 是 传统 补 间 动画 ， 都 只 能 在 关键 帧 之 间 设 立 。 


5.6 ”学 习 效 果 目 测 


一 、 选 择 题 
1. 在 制作 一 个 动画 时 ， 首 先 在 第 1 帧 绘制 一 个 太阳 ， 然 后 在 第 10 帧 按 下 F6 键 ， 则 第 7 帧 上 显示 的 
内 容 是 ( ) 


A. 不 能 确定 B. 有 图 形 ， 但 不 是 太阳 C. 一 个 太阳 D. 空白 
2. Animate CC 2018 动画 中 插入 空白 关键 帧 的 快捷 键 是 ( 上 
A._F5 B.F6 C.F7 D. F8 
3. 一 个 最 简单 的 动画 最 少 应 该 有 ( “) 个 关键 帧 。 
A.l B. 2 C.3 D.4 
4. 如 果 我 们 想 向 后 延续 关键 处 的 动作 20 帧 ， 通 常 最 简单 的 方法 是 (  )。 
A. 在 该 关键 帧 之 后 再 插入 20 个 关键 帧 B. 在 该 关键 帧 之 后 的 第 20 帧 插 和 人 关键 帧 
C. 在 该 关键 帆 之 后 的 第 20 帧 插入 普通 帧 D. 在 该 关键 帧 之 后 再 插入 20 个 普通 帧 


5. 以 下 关于 插入 关键 帧 的 描述 正确 的 是 ( 上 
A. 选择 要 插入 关键 帧 的 方 格 ， 在 右键 快捷 菜单 中 执行 “插入 关键 帧 ”命令 
B. 执行 “插入 ”|“ 时 间 轴 ”|“ 关 键 帆 ”命令 
C. 按 快捷 键 F6 
D. 以 上 描述 均 正确 
二 、 判 断 题 
1. 隐 泌 图 层 即 为 删除 图 层 。!( ) 
2. 插 人 关键 帧 可 以 使 用 快捷 键 F7。( ) 
3. 只 要 图 层 之 间 的 顺序 改变 ， 那 么 整个 动画 也 可 能 改变 。( ) 
4. 制作 动画 时 ， 好 的 习惯 是 将 不 同 运动 对 象 放 在 同一 图 层 以 达到 节省 图 层 的 目的 。( ) 
5. 一 般 来 讲 ， 动 画 中 的 背景 图 层 均 处 于 最 下 方 。( ) 


三 、 填 空 题 
E 用 于 定义 在 动画 中 的 变化 的 帧 。 
2. 绘图 纸 是 一 种 允许 用 户 同 时 的 技术 ， 它 可 以 使 每 一 帆 像 只 隅 着 一 层 透 明 纸 一 样 相 互 层 


芋 显 示 。 使 用 “绘图 纸 外 观 ” 工 具 只 能 编辑 o 
3. 如 采 要 将 关键 帧 转换 为 普通 巾 ， 可 以 在 选中 的 关键 由 上 右 击 ， 在 弹出 的 快捷 玉 单 中 选择 


命令 。 

4. 图 层 属 性 设置 为 时 ， 该 图 层 在 图 层面 板 上 会 显示 图 图 标 ， 舞 台 上 的 内 容 以 指定 的 透明 
度 显示 。 设 置 为 100 时 ， 在 舞台 上 

5. 图 层 名 称 栏 右 侧 的 彩色 方块 变 为 彩色 方 框 时 ， 舞 台 上 对 应 的 图 层 内 容 以 方式 显示 。 

6. 要 扩展 动画 的 帧 ， 可 以 执行 操作 ; 要 扩展 关键 帧 ， 可 以 执行 操作 。 


7. 编辑 图 层 是 为 了 防止 两 个 图 层 相互 影 啊 而 错误 改动 万 外 图 层 的 内 容 ， 可 以 将 不 需要 改动 的 图 层 


DO 


在 制作 动画 的 过 程 中 ， 常 常会 遇 到 这 样 的 情况 ， 动画 中 有 多 个 元 
素 相同 ， 或 大 致 相同 ( 如 大 小 、 形 状 相同 )， 但 又 不 完全 相同 (如 颜 
色 不 同 )。 如 果 通 过 多 次 复制 该 对 象 并 修改 来 达到 创作 目的 ， 不 仅 花 
费 大 量 的 时 间 和 精力 ， 而 且 复 制 之 后 的 每 个 对 象 都 具有 独立 的 文件 信 
息 ， 势 必 增 大 整个 影片 的 容量 ， 影 响 影 片 的 下 载 速度 。 借 助 元 件 ， 可 
以 避免 这 些 问题 。 

元 件 是 Animate 项 目 中 的 一 个 特殊 的 对 象 , 存放 在 “ 库 ” 面 板 中 ， 
ep ng ena 
用 多 少 次 ， 引 用 元 件 对 文件 大 小 者 只 有 很 小 的 影响 。 
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6.1 认识 元 件 与 实例 


每 个 元 件 都 有 目 己 的 时 间 轴 和 图 层 ， 元 件 制作 出 来 之 后 ， 放 于 “ 库 ” 中 。 一 个 形象 的 比 界 和 是 ， 元 件 
征 尚 在 妖 后 ， 还 设 有 走 到 舞台 上 的 “演员 ; 元 件 一 旦 走 上 舞台 ， 就 称 之 为 “实例 ， 也 就 是 说 ， 实 例 是 
元 件 在 舞台 上 的 具体 体现 。 使 用 元 件 可 以 大 大 缩减 文件 的 体积 ， 加 快 影片 的 播放 速度 ， 还 可 以 使 编辑 影 
片 更 加 简单 化 。 

A 例如 ， 可 以 将 按钮 及 图 形 元 
pi 置 ， 也 可 以 将 影片 勇 辑 元 件 放置 于 按钮 元 件 中 ， 甚 至 可 以 将 影片 甬 辑 放置 
于 为 一 2 


一 个 元 件 可 以 产生 多 个 实例 ， 且 每 个 实例 都 可 以 有 不 同 的 外 观 ， 提 供 不 同 的 动作 。 修改 
元 件 后 ， 所 有 基于 该 元 件 生 成 的 实例 将 自动 更 新 ， 而 修改 实例 只 会 对 该 实例 本 身 发 生 影 响 ， 
而 对 其 他 的 实例 不 会 发 生 影响 ， 即 使 两 个 实例 是 同一 个 元 件 的 拷贝 。 


6.1.1 新 建 元 件 


使 用 “新 建 元 件 ”命令 是 创建 一 个 元 件 最 直接 的 方法 ， 可 以 先 创建 新 元 件 ， 然 后 在 其 中 填充 上 

(1 ) 执行 “插入 ”| “新 建 元 件 ”命令 ， 弹 出 “创建 新 元 件 ”对 话 框 ， 如 图 6-1 所 示 。 

名 称 : 为 新 元 件 指定 名 称 。 

YM 类 型 : 指定 元 件 灶 型， 如 图 形 、 按 钮 或 影片 剪辑 。 

S 文件 夹 : 指定 存放 元 件 的 位 置 。 默认 情 况 下 ， 创 建 的 新 元 件 存放 在 “ 库 ” 面板 的 根 目录 之 下 。 
& | 单 击 “ 库 根 目录 ”可 以 打开 如 图 6-2 所 示 的 “ 移 至 文件 夹 ..” 对 话 框 ， 指 定 元 件 的 保存 路 
>。 : 径 之 后 ， 单 击 “ 选 择 ” 按 钮 ， 即 可 把 元 件 存放 在 相应 的 文件 夹 之 中 。 


图 6-1 “创建 新 元 件 ” 对 话 框 图 6-2 “ 移 至 叉 件 夹 ...” 财 话 框 


(2 ) 单 击 “ 确 定 ” 按 钮 , Animate CC 2018 将 新 建 一 个 元 件 , 并 自动 进入 元 件 编 辑 窗 口 , 如 图 6-3 所 示 。 
元 件 编 辑 模 式 中 的 加 号 (+ ) 表示 元 件 的 注册 点 ， 默 认 情 况 下 ， 导 入 的 位 图 左上 和 角 与 该 点 对 齐 ， 即 属 
性 面板 上 的 X 和 YY 属性 值 均 为 0.0。 
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图 6-3 ”元件 编辑 窗口 


在 Animate CC 2018 的 舞台 上 , 左上 角 的 坐标 是 (0,0)， 然 后 从 左 往 右 ， 模 坐标 依次 增 大 ; 
从 上 往 下 ， 纵 坐标 依次 增 大 。 而 对 于 元 件 而 言 ， 坐 标 原点 位 于 元 件 的 中 心 ， 向 右 横 坐 标 增 大 ， 
向 左 模 坐 标 减 小 ; 向 上 纵 坐标 减 小 ， 向 下 纵 坐标 增 大 。 


(3 ) 使 用 工具 箱 中 的 工具 绘制 元 件 外 观 ， 或 执行 “文件 ”1 “导入 ”命令 ， 导 入 外 部 质 源 进行 编辑 。 

(4 ) 编辑 完毕 ， 单 击 编辑 栏 上 的 “返回 ”按钮 如， 返回 到 主场 景 。 

至 此 ， 一 个 简单 的 元 件 就 创建 完成 了 。 执 行 “ 窗 口 ”1 “ 库 ” 命 令 ， 即 可 打开 “ 库 ” 面 板 ， 在 “ 库 ” 
面板 的 库 项 目 列表 中 看 到 刚 创建 的 元 件 。 


6.1.2 上 上 机 练 > 


俩 国 本 节 练习 制作 一 个 花 采 图 形 元 件 ， 通 过 操作 步骤 的 详细 讲 ， es: 
典 和 6 : 解 ， 使 读者 熟练 掌握 使 用 “新 建 元 件 ” 命 令 创建 一 个 新 元 件 的 : 6-1 上 机 练习 
条 ee : 花朵 元 任 


制作 


。 首先 使 用 “新 建 元 件 ” 命 令 创建 一 个 空白 的 图 形 元 件 ， i 
设计 元 件 编辑 窗口 使 用 绘图 工具 和 色彩 填充 工具 绘制 一 个 花 办 。 然 ， 
局 仙 lh 图 形 元 件 ， 将 制作 好 的 花 闪 实 例 拖 放 到 场 
名 景 ,并 使 用 "任意 变形 工具 "调整 实例 的 变形 中 心 点 ,最 后 使 用 " 变 

形 " 面 板 重 制 实例 并 族 转 ,得 到 花 采 造型, 最 终 效果 如 图 6-4 所 示 。 


人 


图 6-4 ” 论 和 元件 


景 国名 “ 

(1) 新 建 一 个 Animate CC 2018 文件 ,执行 “插入 ”| “新 建 元 件 ” 命 令 ， 或 按 快 捷 键 Ctrl+F8， 在 
弹出 的 “创建 新 元 件 ” 对 话 框 中 输入 元 件 名 称 ban, 设置 元 件 类 型 为 “图 形 ” ,如 图 6-5 所 示 。 单 击 “ 确 定 ” 
按钮 ， 即 可 打开 一 个 工作 场景 ， 也 就 是 元 件 编辑 窗口 。 


图 6-5 设置 “创建 新 元 件 ” 对 话 框 


该 元 件 用 于 绘制 花 潜 。 

(2 ) 选择 “椭圆 工具 ”"， 在 属性 面板 上 设置 笔触 颜色 任意 ， 笔 触 大 小 为 1， 填充 颜色 无 ， 在 场景 中 绘 
制 一 个 椭圆 ， 然 后 使 用 “选择 工具 ”调整 椭圆 形状 ， 制 作 花 辩 形状 ， 如 图 6-6 所 示 。 

由 于 在 后 续 步骤 中 ,需要 以 花 凑 的 底部 中 点 为 中 心 点 旋转 花 关 ， 为 便于 调整 实例 位 置 ， 先 将 图 形 的 
底部 中 点 与 元 件 注册 点 对 齐 。 

(3 ) 选中 花 准 图 形 ,打开 “信息 ”面板 ,修改 图 形 的 坐标 ,使 图 形 底部 中 点 与 元 件 注册 点 对 齐 , 如 图 6-7 
所 示 。 


Se 


图 6-6 将 彬 画 整 形 为 花 准 形状 图 6-7 修改 图 形 的 注册 点 


接 下 来 对 花 久 图形 进行 填充 。 

(4) 执行 “窗口 ”1 “颜色 ”命令 ， 打开“ 颜色” 面板。 设置 颜色 类 型 为 “线性 渐变 ”"， 渐 变色 为 玫 
红色 到 黄色 的 渐变 ,如 图 6-8 (a ) 所 示 。 使 用 “颜料 棚 工 具 ” 单 击 人 花瓣 的 填充 区 域 进行 填充 ,然后 使 用 “部 
变 变 形 工具 ”修改 渐变 范围 和 方向 ， 最 后 选中 图 形 的 轮廓 线 并 删除 ， 效 果 如 图 6-8 (b ) 所 示 。 

至 此 ， 人 花 瘀 元 件 制作 完成 ， 下 面 将 使 用 该 元 件 实例 制作 花 朱 元 件 。 

(5 ) 单 击 编辑 栏 上 的 “返回 ”按钮 ， 返 回 主 场景 。 按 Ctrl+F8 键 打开 “创建 新 元 件 ” 对 话 杠 ， 输 入 
元 件 名 称 为 flower， 类 型 为 “图 形 ”， 如 图 6-9 所 示 。 单 击 “ 确 定 ” 按 钮 进入 元 件 编辑 窗口 。 


梁 加 到 色 宏 


(a) 
图 6-8 ” 汗 充 论辩 图 形 图 6-9 设置 “创建 新 元 件 ” 对 话 框 


(6) 打开 “ 库 ” 面 板 ， 将 制作 的 花瓣 元 件 拖 放 到 场景 中 ， 然 后 打开 “信息 ”面板 ， 修 改 实例 坐标 ， 
使 实例 注册 点 与 场景 中 的 元 件 注册 点 对 章 ， 如 图 6-10 所 示 。 

(7) 选中 “任意 变形 工具 "， 将 实例 的 变形 中 心 点 拖 放 到 实例 底部 中 心 ， 如 图 6-11 所 示 。 

(8) 执行 “窗口 ”1 “变形 ”命令 ,打开 “变形 ”面板 ,设置 旋转 角度 为 60, 然 后 连续 单 击 面板 底部 的 
“ 重 制 选区 并 变形 ”按钮 5 次 ， 如 图 6-12 所 示 。 即 可 完成 花 朱 的 制作 ， 效 果 如 图 6-4 所 示 。 


图 6-10 ”修改 实例 位 置 图 6-11 调整 实例 的 变形 中 心 :点 图 6-12 设置 变形 参数 


(9 ) 单 击 编辑 栏 上 的 “返回 ”按钮 返回 主场 景 ， 然 后 执行 “文件 ”1 “保存 ”命令 保存 文件 。 

从 本 实例 可 以 看 出 ， 如 有 果 没 有 创建 花 久 图 形 元 件 ， 要 修改 花 朱 的 颜色 或 造型 ， 就 必须 一 注 一 汶 地 进 
行 调整 ， 工 作 量 增 大 不 说 ， 还 容易 出 错 。 使 用 图 形 元 件 则 容易 得 多 ， 只 需要 打开 花 流 元 件 进 行 修改 ， 其 
他 花 洲 实例 将 目 动 更 新 以 反映 所 做 的 修改 。 


6.1.3 ”将 对 象 转换 为 元 件 


在 Animate CC 2018 中 ， 将 舞 合 上 已 有 的 对 象 转化 为 元 件 可 以 简化 元 件 的 制作 过 程 。 

(1 ) 选择 舞台 上 要 转化 为 元 件 的 对 象 。 这 些 对 象 包括 形状 、 文 本 其 至 其 他 元 件 。 

(2 ) 执行 “修改 ”1 “转换 为 元 件 ” 命 令 。 

(3 ) 在 弹出 的 “转换 为 元 件 ” 对 话 框 中 为 新 元 件 指定 名 称 和 类 型 ， 以 及 你 存 路 径 。 

(4 ) 如 果 需 要 修改 元 件 注册 点 位 置 , 单 击 “对 齐 ” 图 标 国 上 的 小 方块 ， 如 图 6-13 所 示 。 默 认 情况 下 ， 
以 元 件 的 左上 角 为 注册 点 。 


图 6-13 ”设置 元 件 的 注册 点 


(5 ) 单 击 “确定 ” 投 钮 关闭 对 话 框 。 此 时 舞台 上 的 对 象 左上 角 多 一 个 加 号 〈+ 洲 对 象 中 央 出 现 一 个 小 
圆 阅 ， 如 图 6-14 所 示 。 

事实 上 ， 此 时 舞台 上 市 有 小 加 号 〈+) 的 对 象 被 称 为 “实例 ， 对 应 的 元 件 保留 在 “ 库 ” 面 板 中 。 

如 和 后 在 第 《4 ) 步 将 元 件 的 注册 点 修改 为 中 心 扣 , 则 舞台 上 的 对 和 象 如 图 6-15 所 示 , 小 圆 阀 与 加 号 〈+ ) 


图 6-14 创建 的 元 件 图 6-15 ”修改 注册 点 后 的 元 任 


6.1.4 创建 实例 


元 件 创建 完成 之 后 ， 就 可 以 在 影片 中 任何 需要 的 地 方 ， 包 括 在 其 他 元 件 内 ， 创 建 该 元 件 的 实例 。 还 
可 以 根据 需要 ， 对 创建 的 实例 进行 修改 ， 以 得 到 元 件 的 更 多 效果 。 

(1 ) 在 时 间 轴 上 选择 一 帧 用 于 放置 实例 。 

(2 ) 选择 “窗口 ”1 “ 库 ” 命令， 打开 “ 库 ” 面 板 。 

(3 ) 在 显示 的 库 项 目 列表 中 ， 选 中 要 使 用 的 元 件 ， 按 下 鼠标 左 键 将 其 拖 放 到 舞台 上 。 

(4 ) 释放 鼠标 ， 舞 台 上 将 显示 一 个 与 元 件 相同 的 对 象 ， 该 对 象 即 为 所 选 元 件 的 一 个 实例 。 


6.2 元 件 的 类 型 


元 件 有 三 种 类 型 : 图 形 、 影 片 剪 辑 和 按钮 。 在 6.1 节 中 ， 我 们 学 习 了 在 Animate CC 2018 中 创建 元 件 
的 通用 方法 。 用 户 可 以 使 用 几乎 相同 的 方法 来 创建 任意 类 型 的 元 件 。 但 是 ， 元 件 类 型 不 同 ， 添 加 内 容 的 
方式 及 元 件 时 间 线 相对 于 主 时 间 线 的 工作 方式 也 有 所 不 同 。 
6.2.1 图 形 元 件 


图 形 元 件 通 篆 由 在 影片 中 多 次 使 用 的 静态 或 不 具有 动画 效 末 的 图 形 组 成 ， 它 主要 用 于 制作 动画 中 的 
静态 图 形 。 它 也 可 以 作为 运动 对 象 ， 根 据 要 求 在 男 面 中 目 由 运动 ， 例 如 膨 沙 的 雪花 。 
图 形 元 件 还 可 以 应 用 于 其 他 元 件 , 例如 多 个 图 形 元 件 可 以 组 成 鲜花 绕 放 的 影片 剪辑 ,如 图 6-16 所 示 。 


EE, 


到 6-16 ”多 个 图 形 元 件 组 成 的 影片 商 辑 


动态 按钮 的 各 个 状态 也 可 以 由 多 个 图 形 元 件 组 成 ， 如 图 6-17 所 示 。 


a a 一 


图 6-17 动态 搁 钮 的 不 同 状态 


因此 ， 图 形 元 件 可 以 说 是 最 基本 的 元 件 类 型 。 图 形 元 件 与 主 时 间 轴 同步 运行 ， 也 就 是 说 ， 当 且 仅 当 
主 时 间 轴 工作 时 ， 图 形 元 件 才能 工作 ; 如 条 主 时 间 轴 停止 播放 ， 图 形 元 件 的 实例 动画 也 将 停止 ， 即 使 图 
形 元 件 的 时 间 轴 还 未 结束 。 


6.2.2 上 机 练习 一 一 制作 特 盘 和 指 计 
wo 喇 团 本 节 练 习 制作 一 个 彩色 转盘 和 一 个 指针 ， 通 过 对 操作 步 
二 四 况 | 更 的 详细 讲解 ， 使 读者 的 练 掌握 制作 图 形 元 件 的 一 般 方法 。 


有 


。 首先 执行 “新 建 元 件 ” 命 令 ， 在 元 件 编辑 窗口 使 用 “椭圆 工 具 ” 和 “线条 工具 ”; 
he 设 时 给 制 基本 图 形 ， 并 使 用 “变形 ”面板 对 线条 进行 复制 和 旋转 ， 再 使 用 “颜料 桶 工具 ”\ 
= 国 轿 ; 进行 填充 , 完成 转盘 元 件 的 制作 。 然 后 采用 类 似 的 方法 ,使 用 “矩形 工具 "“ 选 择 工具 ”| 

和 “颜料 桶 工具 ”制作 指针 图 形 元 件 ， 最 终 效 果 如 图 6-18 所 示 。 : 


(a) (b) 
图 6-18 ” 转 剖 和 指针 图 形 元 伴 


操 园 步 < 


1. 新 建 一 个 Animate CC 2018 文 档 ( ActionScript 3.0 ) ， 舞 台 属 性 保留 默认 设置 

2. 制作 转盘 图 形 元 件 

(1) 执行 “插入 ”1 “新 建 元 件 ” 命 令 , 在 弹出 的 对 话 框 的 “名 称 ” 文 本 框 中 输入 “plate”, 并 在 “类 
型 ”下 拉 列 表 中 选择 “图 形 ”， 然 后 单 击 “确定 ”按钮 ， 关 闭 对 话 框 ， 进 入 元 件 编辑 窗口 。 

图 形 元 件 的 舞台 和 时 间 轴 与 主 舞台 相同 ,因此 创建 图 形 元 件 的 方法 与 在 主场 景 的 舞台 上 创建 对 象 相同 。 

(2 ) 在 工具 箱 中 选择 “椭圆 工具 "， 在 属性 面板 上 设置 笔触 颜色 为 黑色 ， 笔 触 大 小 为 4， 无 填充 颜色 ， 
然后 按 下 Shift 键 的 同时 在 舞台 上 拖 动 鼠标 绘制 一 个 正 圆 。 

(3 ) 选中 正 圆 ， 打 开 “ 信 息 ” 面 板 ， 修 改 图 形 坐 标 ， 使 圆心 与 注册 点 对 齐 ， 如 图 6-19 所 示 。 

(4 ) 在 工具 箱 中 选择 “线条 工具 "， 设 置 笔触 颜色 为 绿色 ， 笔 触 大 小 为 3， 然 后 绘制 一 条 正 圆 的 直径 ， 
此 时 的 效果 如 图 6-20 所 示 。 

(5 ) 双击 选中 直线 ， 执行“ 窗口 ”1 “变形 ”命令 ,打开 “变形 ”面板 。 单 击 “ 旋 转 ” 单 选 按 钮 ， 设 
置 旋转 角度 为 45, 如 图 6-21 所 示 。 然 后 连续 单 击 “ 重 制 选区 并 变形 ”按钮 三 次 ,此 时 的 效果 如 图 6-22 所 示 。 
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图 6-19 ”修改 图 形 坐 标 图 6-20 图形 效果 


“变形 ”面板 


(6 ) 选择 “椭圆 工具 ， 在 属性 面板 上 设置 笔触 颜色 为 黑色 ， 笔 触 大 小 为 3， 无 填充 颜色 ， 然 后 按 下 
Shi 键 的 同时 在 舞台 上 拖 动 鼠标 ， 绘 制 一 个 与 大 圆 同心 的 小 圆 ， 效 条 如 图 6-23 所 示 。 
(7) 按 住 Shift 键 选中 小 圆 中 的 线条 ， 然 后 按 Delete 键 将 其 删除 ， 删 除 后 的 效果 如 图 6-24 所 示 。 


图 6-22 ”图 形 效 果 图 6-23 ”图 形 效果 图 6-24 图形 效 果 


(8 ) 选择 “颜料 棚 工 具 "， 设 置 填 充 颜 色 为 黄色 ,“ 间 隔 大 小 ”为 “封闭 大 空 际 "， 然 后 在 图 形 上 的 一 
个 刷 形 填充 区 域 单 击 ， 填 充 颜 色 。 

(9 ) 修改 填充 的 颜色 ， 然 后 在 其 他 刷 形 填充 区 域 填 充 颜色 。 填 充 完 成 后 的 效果 如 图 6-18 (a ) 所 示 。 

(10 ) 单 击 编辑 窗口 编辑 栏 上 的 “返回 ”按钮 国 回 到 主 和 窗口 ， 完 成 图 形 元 件 “plate” 的 制作 。 

3. 制作 指针 图 形 元 件 

(1 ) 执行 “插入 ”1 “新 建 元 件 ” 命 令 , 在 弹出 的 对 话 框 的 “名 称 ” 文 本 框 中 输入 “pencil”; 在 “类 
型 ”下 拉 列 表 中 选择 “图 形 ”， 然 后 单 击 “确定 ”按钮 ， 进 入 元 件 编 辑 窗 口 。 

(2 ) 选择 “和 矩形 工具 ”"， 在 属性 面板 上 设置 笔触 颜色 为 黑色 ， 笔 触 大 小 为 1， 填充 颜色 为 浅黄 色 
(在 FCC66 )， 然 后 在 舞台 上 绘制 一 个 矩形 。 

(3 ) 选择 “部 分 选取 工具 ”， 在 矩形 上 单 击 ， 即 可 显示 和 矩 形 的 路 径 轮 廓 。 然 后 选择 “钢笔 工具 ”在 
矩形 的 上 边框 中 间 双 击 ， 添 加 一 个 路 径 点 ， 如 图 6-25 所 示 。 

(4) 切换 到 “部 分 选取 工具 ”， 在 添加 的 路 径 点 上 按 下 鼠标 左 键 向 上 拖 动 ， 如 图 6-26 (a ) 所 示 。 拖 
到 合适 的 位 置 后 释放 鼠标 ， 此 时 的 图 形 效 果 如 图 6-26 (b ) 所 示 。 

(5 ) 单 击 “ 钢 笔 工 具 ” 按 钮 ， 在 变形 后 的 图 形 上 添加 两 条 横 线 ， 此 时 的 效果 如 图 6-27 所 示 。 

( 6) 选择 “颜料 彬 工具 ”， 在 属性 面板 上 设置 填充 颜色 为 黑色 ， 在 图 形 项 部 的 三 角形 填充 区 域 单 击 ; 
然后 将 填充 普 色 修改 为 紫红 色 ， 单 击 图 形 底 部 的 矩形 区 域 。 填 充 后 的 效果 如 图 6-28 所 示 。 


图 6-25 ”添加 路 径 点 图 6-26 ”图 形 效 果 图 6-27 ”图形 效 果 图 6-28 图形 效 果 


(7 ) 将 舞台 上 的 对 象 全 部 选中 ， 打开 “信息 ”面板 调整 铅笔 的 大 小 ， 然 后 将 其 底部 的 中 点 与 元 件 编 
辑 窗 口中 的 注册 点 (+ ) 对 齐 ， 效果 如 图 6-18 (b ) 所 示 。 

(8 ) 单 击 编辑 窗 口 编辑 栏 上 的 “返回 ”按钮 国 回 到 主 窗口 ， 完 成 图 形 元 件 “pencil” 的 制作 。 

4. 保存 文档 

执行 “文件 ”| “保存 ”命令 保存 文档 。 

这 两 个 图 形 元 件 将 在 6.23 节 中 用 于 制作 影片 剪辑 。 


6.2.3 ”影片 剪辑 


影片 剪辑 通常 是 一 小 段 动画 ， 比 如 夜空 闪闪 发 光 的 星星 、 不 停 旋转 的 图 标 ; 也 可 以 与 图 形 元 件 类 似 ， 
是 简单 的 静态 或 动态 图 像 。 

与 图 形 元 件 不 同 , 影片 剪辑 拥有 自己 独立 的 时 间 轴 , 不 依赖 主场 景 的 时 间 轴 , 只 要 该 影片 剪辑 被 激活 ， 
不 管 主 影片 的 时 间 轴 是 否 已 停止 ， 它 都 会 无 休止 地 循环 播放 下 去 ， 除 非 对 其 加 以 控制 使 其 停止 或 限制 循 
环 播放 次 数 。 

实际 上 ， 影 片 剪辑 元 件 就 是 一 个 单独 的 Animate CC 2018 影片 ， 可 以 包含 主 影 片 中 的 所 有 组 成 部 分 ， 
甚至 另 一 个 影片 剪辑 。 
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6.2.4 上 机 练习 一 一 转盘 和 指针 诞 转 动画 


”本 节 练 习 使 用 已 制作 好 的 转盘 元 件 和 指针 元 件 制作 两 个 旋 


~ 
人 转 的 影片 剪辑 ， 通 过 对 操作 步骤 的 详细 讲解 ， 使 读者 热 红 学 所 , 
日 创建 影片 剪辑 元 件 的 常用 方法 。 ee 
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0 和 

刘翔 好 的 两 个 图 形 元 件 实例 拖 放 到 兽 台 上 ， 然 后 使 用 “任意 变形 工具 ”调整 实例 旋转 的 中 

”圆圈 心 点 ， 最 后 通过 在 不 同 关键 帧 设置 实例 的 旋转 角度 ， 创 建 实例 旋转 的 动画 ， 如 图 629 
所 示 。 同 样 的 方法 ， 制 作 转 盘旋 转动 画 ， 最 终 效 果 如 图 6-30 所 示 。 


图 6-29 ”指针 旋转 证 动 的 轨 访 图 6-30 “转盘 影片 疯 辑 第 3 杭 、 第 6 杭 和 第 10 杭 的 效果 
景 四 步 加 机 


1. 指针 旋转 动画 

Eva 

选择 “影片 和 剪辑”， 然 后 单 击 “ 确 定 ”按钮 ， 进 入 元 件 编辑 窗口 。 

ib 窗口 ”| “ 库 ” 命 令 ,在 打开 的 “ 库 ” 面 板 中 将 制作 好 的 图 形 元 件 “plate” 拖 到 元 件 编辑 窗 
口 。 打 开 “ 信 息 ” 面板 ,修改 实例 坐标 ,如 图 6-31 所 示 。 使 实例 中 心 与 舞台 注册 点 对 齐 ,效果 如 图 6-32 所 示 。 

(3 ) 在 时 间 轴 上 的 第 12 帆 按 Fs 键 ， 将 第 1 帧 中 的 内 容 延 长 到 第 12 帧 。 

(4 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 ， 新 建 一 个 图 层 。 选 中 新 图 层 的 第 1 帧 ， 然 后 从 “ 库 ” 
面板 中 将 图 形 元 件 “pencil” 拖 放 到 舞台 上 ， 调 整 实例 位 置 ， 使 实例 注册 点 与 舞台 注册 点 对 齐 ， 效 果 
如 图 6-33 所 示 。 

由 于 在 本 影片 交 秀 中 宕 要 指针 绕 正 圆 的 中 心 点 旋转 ， 所 以 需要 将 指针 的 中 心 点 移 到 铅笔 的 底部 。 

(5 ) 单 击 指针 实例 ， 并 选中 绘图 工具 箱 中 的 “任意 变形 工具 ”， 人 然后 将 指针 的 中 心 点 拖 到 指针 底部 中 
间 ， 如 图 6-34 所 示 。 


Cs | 
I | 
红 
四 
下 
至 
a 
让 
Le 
型 
同 


a 时 尘 


图 6-31 修改 实例 坐标 


图 形 效 果 图 6-33 ”图 形 效 果 图 6-34 ”移动 中 心 点 


(6 ) 选中 图 层 2 ( 指针 图 层 ) 的 第 12 帧 ， 然 后 按 F6 键 创建 关键 帆 。 

(7) 右 击 1~12 帧 之 间 的 任意 一 帧 ， 从 弹出 的 快捷 沫 单 中 选择 “创建 传统 补 间 ”命令 。 此 时 的 时 间 轴 
如 图 6-35 所 示 。 

(8 ) 选中 图 层 2 上 1~12 帧 之 间 任 意 一 帧 ， 打 开 对 应 的 属性 面板 ， 在 “旋转 ”下 拉 列 表 中 选择 “ 顺 时 
针 ”， 并 设置 旋转 次 数 为 1， 如 图 6-36 所 示 。 
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图 6-35 ”创建 传统 补 间 动画 


(9 ) 执行 “文件 ”1 “保存 ”命令 保存 文档 ， 按 Enter 键 ， 即 可 看 到 铅笔 以 其 底部 的 中 点 为 中 心 点 
开始 旋转 。 单 击 状态 栏 上 的 “绘图 纸 外 观 ” 按 钮 ， 可 以 查看 指针 运动 的 轨迹 ， 如 图 6-29 所 示 。 

( 10 ) 单 击 编 辑 栏 上 的 “场景 1” 按 钮 返回 主 窗 口 ， 完 成 对 影片 剪辑 “platel1” 的 制作 。 

接 下 来 制作 另 一 个 影片 剪辑 元 件 。 

2. 转盘 旋转 动画 

(1) 执行 “插入 ”1 “新 建 元 件 ” 命 令 ， 在 弹出 “创建 新 元 件 ” 对 话 杠 的“ 名称 ”文本 框 中 输入 
“plate2”， 类 型 ”选择 “影片 剪辑 ” ,然后 单 击 “ 确 定 ” 按 钮 进入 元 件 编辑 窗口 。 

(2 ) 执行 “窗口 ”1 “ 库 ” 命 令 ， 在 打开 的 “ 库 ” 面 板 中 将 制作 好 的 图 
形 元 件 “plate” 拖 到 舞台 上 ， 使 实例 注册 点 与 舞台 注册 点 对 齐 。 

(3 ) 在 时 间 轴 上 的 第 12 帧 按 F6 键 ， 插 入 一 个 关键 帧 。 然 后 右 击 1~12 帧 


之 间 任 意 一 帆 ， 从 弹出 的 快捷 六 单 中 选择 “创建 传统 补 间 ” 命令 。 此 时 的 时 - TT 川 | A I | 

间 轴 如 图 6-37 所 示 。 | ”图 6-37 创建 传统 补 间 动 面 
(4) 打开 属性 面板 ,在 “旋转 ”下 拉 列 表 中 选择 “ 顺 时 针 ”， 并 设置 旋转 

次 数 为 1。 


(5 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 ， 新 建 一 个 图 层 。 选 中 新 图 层 的 第 1 帧 ， 从 “ 库 ” 面 
板 中 将 图 形 元 件 “pencil” 拖 放 到 舞台 上 ， 且 指针 元 件 的 注册 点 与 圆心 对 齐 。 

(6) 执行 “文件 ”1 “保存 ”命令 保存 文档 后 。 按 Enter 键 ， 可 以 看 到 指针 不 动 ， 而 圆 盘 以 其 圆心 
为 中 心 点 开始 旋转 。 第 3 帧 、 第 6 帧 和 第 10 帧 的 效果 如 图 6-30 所 示 。 

(7 ) 单 击 编辑 栏 上 的 “场景 1” 按 钮 返回 主 窗口 ， 完 成 对 影片 剪辑 “plate2” 的 制作 。 

从 上 面 的 例子 可 以 看 出 ， 创 建 影 片 剪 辑 的 内 容 与 创建 主 影片 内 容 的 方法 相同 。 用 户 甚至 可 以 将 主 时 
间 轴 中 的 所 有 或 部 分 内 容 转 化 为 影片 剪辑 。 也 就 是 说 ， 可 以 在 项 目的 不 同 地 方 重复 使 用 主 时 间 轴 动画 或 
动画 的 一 部 分 。 

J 以 一 亏 > 
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如 果 主 时 间 轴 存在 已 制作 好 的 动画 ， 可 以 通过 复制 粘贴 图 层 和 帧 的 方式 将 该 动画 创建 为 影片 剪辑 ， 
方便 在 其 他 位 置 反 复 调 用 。 步 骤 如 下 : 


(1 ) 在 主 时 间 轴 上 选中 组 成 动画 的 帧 和 图 层 ， 如 图 6-38 所 示 。 

(2 ) 右 击 选 定 帧 ， 从 弹出 的 菜单 中 选择 “复制 帧 ”命令 。 

(3 ) 执行 “插入 ” | “新 建 元 件 ” 人 命令, 在 弹出 的 “创建 新 元 件 ” 对 话 框 中 为 新 元 件 命名 并 指定 元 件 
类 型 。 

(4) 单 击 “ 确 定 ” 按 钮 ， 进 入 元 件 编辑 模式 。 

此 时 的 舞台 是 空 的 ， 只 有 一 个 图 层 和 一 个 空白 关键 帧 。 

(5 ) 在 时 间 轴 上 右 击 ， 从 弹出 的 快捷 菜单 中 选择 “粘贴 帧 ”命令 ， 将 复制 的 帧 粘贴 到 指定 的 帧 ， 如 


图 6-39 所 示 。 
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图 6-38 ”选择 帧 图 6-39 复制 到 影 月 商 辑 时 间 畏 上 的 顶 


6.2.5 ”按钮 元 件 


按钮 元 件 与 图 形 元 件 不 同 ， 它 不 是 一 个 单一 的 图 形 ， 而 是 动画 作品 中 最 常用 的 一 种 交互 式 元 素 ， 通 
常 与 ActionScript 结合 使 用 。 

创建 按钮 元 件 时 ， 按 钮 元 件 有 相对 独立 的 编辑 区 域 和 播放 时 间 轴 ， 如 图 6-40 所 示 。 人 
编辑 按钮 元 件 的 四 种 状态 : 弹 起 、 指 针 经 过 、 按 下 和 点 击 ， 每 种 状态 都 可 以 通过 图 形 、 元 件 以 及 声音 
定义 。 
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图 6-40 ”按钮 元 件 的 时 间 轴 


外 弹 起 : 此 帧 表示 和 鼠标 指针 未 放 在 按钮 上 时 按钮 的 外 观 。 

9 指针 经 过 : 此 帧 表示 和 所 指针 放 在 按钮 上 ， 但 没有 按键 时 按钮 的 外 观 。 

和 按 下 : 此 帧 表示 当 用 户 按 下 鼠标 键 时 按钮 的 外 观 。 

和 点 击 : 此 帧 表示 鼠标 键 弹 起 并 且 和 鼠标 事件 已 经 发 生 后 按钮 的 外 观 ， 在 主 影片 中 不 显示 ， 像 一 个 热 

点 ， 决 定 了 按钮 响应 鼠标 事件 的 活动 区 域 。 

按钮 元 件 的 时 间 轴 实际 上 并 不 运动 ， 它 通过 跳 转 至 基于 鼠标 指针 的 位 置 和 动作 的 相应 帧 ， 来 啊 应 刀 
标的 运动 与 操作 。 如 末 希 望 按钮 在 茶 一 特定 状态 下 发 出 声音 ， 或 播放 动画 ， 或 触发 系 种 动作 ， 可 以 在 此 
状态 的 茶 个 图 层 中 放置 所 需 的 声音 或 影片 剪辑 或 动作 控制 依 令 ， 从 而 创建 动态 按钮 。 


J 态 按 


绩 园 ， 。 本 节 练习 使 用 两 个 已 制作 好 的 影片 剪辑 制作 动态 按钮 ， 通 过 | 由 和 
址 目 上 操作 步骤 的 详细 讲解 ,使 读者 熟练 掌握 制作 按钮 元 件 的 一 般 方法 。 6_4 上 机 练习 制作 
ee ee 


首先 使 用 “新 建 元 件 ”命令 创建 一 个 空白 的 按钮 元 件 ， 在 元 件 编辑 窗口 的 “ 弹 起 ”| 

帧 拖 入 转盘 图 形 实例 ; 在 “指针 经 过 ” 帧 插入 空白 关键 帧 ， 清 空 内 容 ， 然 后 拖 入 转盘 

注定 “区 转 的 影片 驭 辑 实例 ; 同样 的 方法 ， 在 “ 按 下 ” 帧 拖 入 指针 旋转 的 影片 剪辑 实例 ;“ 点 

六 击 ” 帧 延续 上 一 帧 的 内 容 。 在 制作 过 程 中 要 注意 的 是 ， 各 帧 中 实例 的 中 心 位 置 要 一 致 。 
。 | 最 终 效果 如 图 6-41 和 图 6-42 所 示 : 鼠标 指针 未 移 到 转盘 上 时 ， 显 示 静 止 的 彩色 转盘 ， 

如 图 6-41 所 示 ; 将 鼠标 指针 移 到 转盘 上 但 未 按 下 时 ， 显 示 指 针 ， 且 指针 绕 圆 心 旋转 ， 

如 图 6-42 所 示 ; 按 下 和 鼠标 左 键 时 ， 指 针 不 动 ， 转 盘 开始 旋转 。 : 


图 6-41 静止 的 彩色 圆 前 图 6-42 ”指针 绕 贺 也 旋转 


探 固 步 国 = 


(1 ) 新 建 一 个 Animate CC 2018 文档 ( ActionScript 3.0 )， 舞 台 宽 300 像素 ， 高 300 像素 。 

(2 ) 执行 “插入 ”1 “新 建 元 件 ” 命 令 ， 打开“ 创建 新 元 件 ” 对 话 框 ， 在 “名称” 文本 框 中 输入 
“button”,“ 类 型 ”选择 “按钮 ”"， 然 后 单 击 “ 确 定 ” 按 钮 进入 元 件 编辑 窗口 ， 如 图 6-43 所 示 。 

(3 ) 选中 “ 弹 起 ” 帆 , 然 后 从 “ 库 ” 面 板 中 将 图 形 元 件 “plate” 拖 到 元 件 编辑 窗口 。 然 后 使 用 “信息 ” 
面板 调整 实例 位 置 ， 使 实例 中 心 与 舞台 注册 点 对 齐 ， 效 果 如 图 6-44 所 示 。 


I 


图 6-43 ”进入 元 件 编辑 窗口 图 6-44 ”实例 效果 


(4) 选中 “指针 经 过 ” 帧 ， 按 下 鼠标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “转换 为 空白 关键 帧 ”命令 ， 
或 直接 按 F7 键 。 然 后 从 “ 库 ” 面 板 中 将 制作 的 影片 剪辑 “plate1” 拖 放 到 舞台 上 ， 使 用 “信息 ”面板 调 
整 实例 位 置 ， 使 实例 中 心 与 舞台 注册 点 对 齐 ， 如 图 6-45 所 示 。 

(5 ) 选中 “ 按 下 ” 帧 , 按 F7 键 插 入 一 个 空白 关键 帧 ,然后 从 “ 库 ” 面 板 中 将 制作 的 影片 剪辑 “plate2” 
拖 放 到 舞台 上 。 使 用 “信息 ”面板 调整 实例 位 置 ， 使 实例 中 心 与 舞台 注册 点 对 齐 ， 如 图 6-46 所 示 。 


图 6-45 ”插入 影 厅 商 辑 platel 图 6-46， 插 人 影 捷 商 辑 plate2 


(6 ) 选中 “点 击 ” 帧 ， 按 F5 键 将 前 一 帆 的 内 容 复制 到 当前 帧 ， 此 时 的 时 间 轴 如 图 6-47 所 示 。 

(7 ) 单 击 编辑 栏 上 的 “场景 1” 按钮 返回 主场 景 。 

(8 ) 在 “ 库 ” 面 板 中 将 名 为 “button” 的 按钮 元 件 拖 到 舞台 上 ,执行 
“文件 ”| “保存 ”命令 保存 文档 。 

(9 ) 按 Ctrl + Enter 键 , 即 可 预览 .测试 动画 ,效果 如 图 6-41 和 图 6-42 
所 示 。 
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图 6-47 ”按钮 的 时 间 轴 效果 
Kp ET 
制作 隐形 按钮 

在 动画 中 ， 很 多 时 候 并 不 需要 直接 将 按钮 放 在 场景 中 ， 而 是 将 隐形 的 按钮 放置 在 图 片 或 影片 剪辑 等 元 件 
之 上 ， 以 实现 按钮 的 功能 。 制 作 隐形 按钮 最 重要 的 是 有 效 区 的 编辑 ， 由 于 在 最 终 影片 中 不 可 见 ， 过 大 或 过 小 

会 影响 按钮 的 功能 。 隐 形 按钮 常用 的 制作 方法 有 两 种 : 

1. 填充 透明 

在 按钮 时 | 间 轴 上 的 “ 弹 起 ” 帧 绘制 一 个 图 形 ， 无 笔触 颜色 ， 填 序 颜 色 的 Alpha 值 为 0%; 同样 的 万 法 绘制 
其 他 几 个 状态 的 图 形 。 这 种 方法 制作 的 隐形 按钮 存在 但 不 可 见 ， 如 图 6-48( a ) 所 示 。 

2. 无 填充 内 容 

在 按钮 时 间 轴 上 连续 插入 4 个 空 日 关键 帧 ， 然 后 使 用 绘图 工具 在 “ 点 击 ” 帧 中 绘制 一 个 图 形 。 这 种 万 法 
制作 的 隐形 按钮 在 舞台 上 显示 为 其 有 效 区 的 图 形 ， 如 图 6-48 ( b ) 所 示 。 


无 填充 内 容 的 隐形 按钮 
十 充 丰 明 的 隐形 按 毛 


(b) 
图 6-48 ”两 种 隐形 按钮 的 对 比 


这 两 种 隐形 按钮 虽然 制作 方式 不 同 ， 在 舞台 中 上 的 显示 效果 也 不 同 ， 但 是 上 友 布 成 影片 后 的 效果 和 功能 是 


6.3 编辑 元 件 和 实例 


任何 一 个 复杂 的 动画 制作 ， 都 离 不 开元 件 的 使 用 。 因 此 ， 创 建 元 件 或 把 已 有 的 图 形 元 素 转换 为 元 件 ， 
是 非常 重要 且 非 常 有 意义 的 。 

一 旦 制作 完 一 个 元 件 ， 就 可 以 在 影片 中 任何 需要 的 地 方 ， 包 括 在 其 他 元 件 内 ,创建 该 元 件 的 实例 。 
用 户 可 以 根据 需要 对 元 件 的 不 同 实例 进行 修改 或 分 配 不 同 的 行为 ， 使 元 件 的 每 个 实例 具有 不 同 的 颜色 、 
大 小 、 旋 转角 度 等 属性 。 


6.3.1 复制 元 件 


对 一 个 已 创建 的 复杂 元 件 进行 复制 ， 然 后 再 把 它 添 加 到 舞台 上 ， 可 以 作为 创建 新 元 件 的 起 点 ， 且 不 
会 影 响 舞台 上 的 元 件 实例 。 
Animate CC 2018 提供 两 种 复制 元 件 的 方法 一 一 使 用 “ 库 ” 面 板 复制 、 通 过 选择 实例 复制 。 


1. 使 用 “ 库 面板 复制 元 件 

(1) 在 “ 库 ” 面 板 中 选中 要 复制 的 元 件 。 

(2 ) 单 击 “ 库 ”面板 右上 角 的 选项 按钮 图 , 在 弹出 的 选 
接 复制 元 件 ” 对 语 框 ， 如 图 6-49 所 示 。 

(3 ) 在 对 语 框 中 输入 复制 后 的 元 件 副本 的 名 称 ， 并 指定 元 件 类 型 ， 然 后 单 击 “ 确 定 ” 按 钮 。 

此 时 ,在 “ 库 ” 面 板 中 可 以 看 到 复制 的 元 件 ， 如 图 6-50 所 示 。 


项 沫 单 中 选择 “直接 复 制 ”… 命 令 , 弹出 “下 


到 6-49 “ “直接 复制 元 件 ” 对 话 框 图 6-50 复制 的 元 件 


2. 通过 选择 实例 复制 元 件 

(1 ) 在 舞台 上 选择 要 复制 的 元 件 的 一 个 实例 ， 如 图 6-51 所 示 。 

(2 ) 执行 “修改 ”| “元 件 ”1 “直接 复制 元 件 ” 命 令 ,弹出 如 图 6-52 所 示 的 “直接 复制 元 件 ” 对 话 框 。 
(3 ) 输入 元 件 名 称 ， 单 击 “ 确 定 ” 按 钮 ， 复 制 的 元 件 目 动 保 存在 “ 库 ” 面 板 中 。 


元 件 名 称 (N): | 和 记 


图 6-52 “直接 复制 元 件 ”对 话 栓 


与 使 用 “ 库 ”面板 复制 元 件 不 同 ， 通 过 舞台 上 的 实例 复制 元 件 时 ， 不 能 修改 元 件 的 类 型， 
”注意 。 复制 出 来 的 元 件 的 类 型 与 实例 对 应 的 元 件 类 型 一 致 。 / 


6.3.2 ”修改 元 件 


创建 元 件 后 ， 和 常常 需要 对 元 件 进行 修改 以 满足 设计 需求 。Animate CC 2018 提供 多 种 不 同 的 元 件 编辑 
环境 。 

1. 元 件 编辑 模式 

(1 ) 在 舞台 上 选中 需要 编辑 的 元 件 实例 。 

(2 ) 在 实例 上 按 下 鼠标 右键 ， 在 弹出 的 快捷 菜单 中 选择 “编辑 ”命令 ， 即 可 进入 元 件 编辑 窗口 。 编 
辑 栏 上 显示 正在 编辑 的 元 件 类 型 和 名 称 ， 如 图 6-53 所 示 。 


|。 单 击 编辑 栏 上 的 “编辑 元 件 ”按钮 攻 ， 在 弹出 的 下 拉 菜 单 中 选择 其 他 元 件 ， 可 切换 到 其 
< 。 i 他 元 件 的 编辑 窗口 。 


i ee 固有 me。 me me。 


(3 ) 编辑 完成 后 ， 单 击 编辑 栏 上 的 “场景 1” 或 “返回 ”按钮 四， 即 可 返回 到 主场 景 。 

2. 在 当前 位 置 编辑 

(1 ) 在 舞台 上 选中 需要 编辑 的 元 件 实例 。 

(2 ) 在 实例 上 按 下 鼠标 右键 , 从 弹出 的 快捷 菜单 中 选择 “在 当前 位 置 编辑 ”命令 , 即 可 进入 该 编辑 模 
式 ， 如 图 6-54 所 示 。 


图 6-54 当前 位 置 编辑 模式 


SS SA 


在 这 种 编辑 模式 中 ， 舞 台 上 的 所 有 对 象 都 可 见 ， 但 只 右 击 的 实例 所 对 应 的 元 件 可 以 编辑 ， 而 其 他 对 
象 都 以 半 透 明显 示 ， 仅 供 参考 ， 不 可 编辑 ， 如 图 6-54 中 的 文本 

(3 ) 编辑 完成 后 ， 单 击 编辑 栏 上 的 “场景 1” 或“ 返回” 按钮， 即 可 返回 到 主场 景 。 

3. 在 新 窗口 中 编辑 

(1 ) 在 舞台 上 选中 需要 编辑 的 元 件 实例 。 

(2 ) 在 实例 上 按 下 鼠标 右键 ， 从 弹出 的 染 单 中 选择 “在 新 窗口 中 编辑 ”命令 ， 即 可 打开 一 个 新 窗口 
编辑 元 件 ， 如 图 6-55 所 示 。 


正在 网 辑 的 元 件 名 称 


图 6-55 ”新 窗口 中 编辑 模式 


从 图 6-55 可 以 看 出 ， 在 新 窗口 中 编辑 元 件 时 ， 主 场景 窗口 并 没有 关闭 ; 正在 编辑 的 元 件 名 称 会 显示 
在 新 窗口 舞台 上 方 的 编辑 栏 中 。 与 上 两 种 编辑 模式 不 同 的 是 ， 在 这 种 编辑 模式 中 编辑 完 元 件 后 ， 需 要 单 
击 新 窗口 右上 角 的 “关闭 ” 按 馈 鼎 :于 关闭 该 窗口 ， 才 可 返回 到 原来 的 工作 区 。 
6.3.3 ”改变 实例 属性 

在 动画 制作 过 程 中 ， 可 按照 时 间 的 变化 修改 实例 的 属性 以 创建 丰富 多 彩 的 视觉 效果 。 

1. 改变 实例 类 型 

创建 一 个 实例 后 ， 可 以 在 实例 的 属性 面板 中 根据 创作 需要 改变 实 
例 的 类 型 ， 重 新 定义 该 实例 在 动画 中 的 类 型 。 例 如 ， 如 果 一 个 图 形 实 
例 包 含 独立 于 主 影片 的 时 间 轴 播放 的 动画 ， 则 可 以 将 该 图 形 实例 重新 
定义 为 影片 剪辑 实例 。 

(1 ) 在 舞台 上 单 击 选中 要 改变 类 型 的 实例 。 

(2 ) 打开 属性 面板 ,在 “实例 行为 ”下 拉 列 表 中 选择 需要 的 类 
如 图 0-250 所 示 。 


改变 实例 的 类 型 后 ， 影 片 效 果 可 能 会 发 生 改 变 。 例 如 ， 将 一 个 “ 晴 蝶 飞舞 ”的 影片 剪辑 ， 
实例 转换 为 图 形 元 件 实例 后 ， 如 果 主 场景 只 有 一 帧 ， 则 播放 影片 时 会 发 现 影片 剪辑 的 实例 以 
各 种 不 同 的 姿态 飞舞 ,而 转换 为 图 形 元 件 的 蝴蝶 始终 不 动 。 这 是 因为 图 形 元 件 由 多 个 帧 组 成 ，| 
而 主场 景 只 有 1 帧 ， 没 等 图 形 元 件 内 部 的 动画 开始 播放 ， 主 时 间 轴 就 停止 ， 图 形 元 件 的 实例 


2. 改变 实例 的 颜色 和 透明 度 
(1 ) 单 击 舞台 上 的 一 个 实例 ， 打 开 对 应 的 实例 属性 面板 。 sh 
(2) 在 “色彩 效果 ”区 域 单 击 “ 样 式 ” 下 拉 按 钮 ， 从 弹出 的 下 影片 前 加 
拉 菜 单 中 选择 颜色 样式 ， 如 图 6-57 所 示 。 RM Ben 
YN 无 : 实例 按 其 原本 方式 显示 , 不 产生 任何 颜色 和 透明 度 效果 。 交 As 


~ 色彩 效果 
和 亮度 : 调整 实例 的 总 体 灰 度 。 设 置 为 100% 时 实例 变 为 白色 ， IE 
设置 为 -100% 时 实例 变 为 黑色 。 ”| 
所 色调 : 使 用 色调 为 实例 着 色 。 此 时 可 以 使 用 滑 块 设置 色调 攻 十 as 
的 百分比 。 如 果 需 要 使 用 颜色 , 可 以 在 文本 框 中 输入 红 、 绿 、 
蓝 的 值 调制 一 种 颜色 。 
和 高 级 : 分 别 调节 实例 的 红 、 绿 、 蓝 值 ， 以 及 Alpha 百分比 图 6-57 “色彩 效果 ”十 拉 列 表 


和 Alpha 偏 移 值 。 
所 Alpha: 调整 实例 的 透明 度 。 设 置 为 0% 时 实例 全 透明 ，100% 完全 不 透明 。 


3. 设置 图 形 实例 的 动画 效果 
(1) 在 舞台 上 选中 要 设置 动画 效果 的 图 形 元 件 实例 。 
(2 ) 打开 图 形 实例 的 属性 面板 ， 在 “循环 ”区 域 可 以 设置 图 形 和 实例 的 动画 效 采 ， 如 图 6-58 所 未。 


陋 性 
@ 
图 形 
* 位置 和 大 小 
F” 色 荡 站 果 
“ 御 环 


选 栅 : ”循环 


第 一 帖 : Y 循环 
播放 一 次 
单 帧 


图 6-58 ”让 置 实例 动画 效果 


和 选项 : 指定 图 形 实例 中 动画 的 播放 方式 。 
> 循环 : 使 实例 循环 重复 ， 但 主 时 间 轴 停止 时 ， 实 例 也 将 停止 播放 。 
> 播放 一 次 : 使 实例 从 指定 的 帧 开始 播放 ， 播 放 一 次 后 停止 。 
> 单 帧 : 只 显示 图 形 实 例 的 单个 帧 ， 此 时 需要 指定 显示 的 帧 编号 。 
所 第 一 帧 : 图 形 元 件 实例 从 给 定 的 帧 数 开 始 播放 。 


6.3.4 ”上 机 练 > 


本 节 练习 使 用 图 形 元 件 制作 一 个 漂亮 的 水 中 花 场景 ， 通 ， 
和 : 过 操作 步骤 的 详细 讲解 ， 使 读者 进一步 了 解 元 件 和 实例 的 x 
生 标 系 ， 熟 练 掌握 修改 实例 颜色 和 显示 外 观 的 方法 。 


mE 
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设 计 : 首先 新 建 一 个 Animate CC 2018 文档 ， 并 叶 入 一 幅 背 景 图 像 。 然 后 将 已 制作 好 的 : 
SS 图 形 元 件 拖 放 到 和 舞台 上 创建 实例 。 通 过 对 实例 变形 ， 并 修改 实例 的 色彩 效果 ， 实 现 五 
“| 彩 绪 纷 的 水 中 花 随 波 飘 浮 的 最 终 效 果 ， 如 图 6-59 所 示 。 


图 6-59 水 中 花 效 果 图 


操 固 步 医 


(1 ) 新 建 一 个 Animate CC 2018 文档， 舞台 属性 保留 默认 设置 。 

(2) 执行 “文件 1“ 导 和 人 ”1 “ 导 和 人 到 舞台 ”个 令 ， 导 和 人 一 幅 育 景 图 像 。 在 “信息 ”面板 中 修改 
图 像 的 大 小 和 坐标 ， 使 图 像 信 寸 与 舞台 玉 寸 相同 ， 且 左上 角 与 舞台 左上 角 对 齐 ， 如 图 6-60 所 示 。 

(3 ) 执行 “文件 ”1 “导入 ”1“ 打 开外 部 库 ” 人 命令， 在 弹出 的 对 语 框 中 选择 前 面 昔 节 已 做 好 
的 “ 花 末 元 件 .fa ， 单 击 “ 打 开 ” 按 钮 ， 即 可 以 外 部 库 的 形式 打开 该 文件 中 的 “ 库 ” 面 板 ， 如 图 6-61 
所 示 。 


过 


图 6-60 导入 的 背景 图 像 图 6-61 打开 针 部 库 


(4) 在 “ 库 ” 面 板 中 将 已 制作 好 的 花 朱 元 件 拖 放 到 和 舞 全 上 , 创建 一 个 花 朱 实例 , 然后 使 用 “任意 变形 
工具 ”调整 实例 的 大 小 ， 效 果 如 图 6-62 所 示 。 


De 


(5 ) 使 用 “任意 变形 工具 ”将 舞台 上 的 “人 花 东 ”实例 略微 压 局 , 形成 深 浮 在 水 面 上 的 效 末 , 如 图 6-63 
所 示 。 


图 6-62 ”添加 实例 图 6-63 ”对 实例 进行 变形 


(6 ) 选中 实例 , 按 住 Alt 键 的 同时 拖 放 “人 花 林 ”实例 , 复制 一 些 花 朱 , 随机 地 摆 放 在 舞台 上 , 然后 使 用 
“任意 变形 工具 ”对 实例 进行 缩放 、 旋 转 和 倾 笠 操作 ， 效 末 如 图 6-64 所 示 。 

(7) 选中 一 个 实例 ， 打 开 对 应 的 属性 面板 ， 在 “色彩 效 打 ”区 域 的 “样式 ”下 拉 列 表 中 选中 “局 级 ” 
选项 ， 通 过 修改 各 个 颜色 属性 值 设置 实例 的 颜色 效果 ， 如 图 6-65 所 示 。 


图 6-64 ”实例 效果 图 6-65 “高 级 ”效果 选项 


(8) 按照 第 (7) 步 的 方法 , 调整 其 他 实例 的 颜色 、 透 明度 以 及 色调 等 属性 , 最 终 效 果 如 图 6-59 所 示 。 
(9 ) 执行 “文件 ”1 “保存 ”命令 保存 文件 。 


6.3.5 ”交换 实例 


在 实际 的 动画 制作 过 程 中 ， 用 户 也 许 会 遇 到 这 样 一 种 情况 : 在 一 个 复杂 的 场景 中 ， 需 要 使 用 一 个 实 
例 蔡 换 另 一 个 实例 ， 且 要 确保 新 的 实例 放置 在 与 原 实例 完全 相同 的 位 置 。 使 用 Animate CC 2018 的 实例 
交换 功能 可 以 轻松 解决 这 个 问题 。 

(1 ) 在 舞台 上 选择 要 蔡 换 的 元 件 实例 ， 如 图 6-66 所 示 的 文本 “Beauty”"， 即 实例 “text”。 

(2 ) 打开 包含 有 需要 交换 的 实例 的 场景 ， 并 在 实例 对 应 的 属性 面板 上 单 击 “交换 ”按钮 ， 如 图 6-67 
所 示 。 

(3 ) 在 弹出 的 “交换 元 件 ” 对 话 框 右 侧 的 元 件 列表 中 选择 要 交换 的 元 件 ， 对 话 框 左上 角 将 显示 该 元 


件 的 缩 略 图 ， 如 图 6-68 所 示 。 本 例 选 择 影片 剪辑 “icon ”。 
(4 ) 单 击 “ 确 定 ” 按 钮 关闭 对 话 框 ， 舞 台 上 选 定 的 实例 即 可 被 指定 的 元 件 实例 替换 ， 效 果 如 图 6-69 
所 示 。 


图 6-66 ”选择 要 替 柳 的 实例 图 6-67 ” 单 击 “交换 ”按钮 


图 6-68 “交换 元 件 ” 对 话 框 图 6-69 ”交换 元 件 后 的 效果 


对 比 交 换 前 后 的 两 幅 图 ， 可 以 看 出 ， 替 换 前 后 的 实例 位 置 相 同 ， 即 对 应 的 属性 面板 上 的 义 和 YY 坐标 
相同 ， 如 图 6-70 所 示 。 


图 6-70 ”交换 实例 前 后 的 坐标 


6.4 管理 元 件 


Animate CC 2018 项 目 可 包含 成 日 上 千 个 数据 项 ， 例 如 元 件 、 声 音 、 字 型 、 位 图 及 视频 等 资源 ， 要 对 
这 些 数据 项 进行 操作 并 进行 跟踪 是 一 项 让 人 望 而 生 是 的 工作 。Animate CC 2018 提供 一 个 管理 数据 项 的 强 
大 工具 一 一 “ 库 ” 面 板 。 

“ 库 ” 可 以 理解 为 保存 元 件 和 创作 资源 的 文件 夹 ， 简 化 了 在 Animate CC 2018 文件 中 查找 、 组 织 及 使 
用 可 用 资源 的 工作 流程 ， 如 果 需 要 使 用 某 个 库 项 目 ， 直 接 从 库 面板 中 拖 到 舞台 上 就 可 以 了 ， 十 分 方便 。 


6.4.1 认识 元 件 库 


“ 库 ” 在 创建 一 个 新 的 Animate CC 2018 文件 时 就 已 经 存在 ， 但 不 包含 任何 元 件 。 如 果 创 建 元 件 或 导 
和 人 外 部 的 素材 ， 这 些 元 件 或 素材 将 自动 保存 并 显示 在 “ 库 ” 面 板 中 。 
执行 “窗口 ”1 “ 库 ” 命 令 ， 即 可 调 出 “ 库 ” 面 板 ， 如 图 6-71 所 示 。 


折 痘 /展开 按 杀 
过 项 及 单 按 馈 
文档 列表 新 建 库 面 板 
回 定 当前 库 
元 件 现 名 窗口 
切换 排序 按 钳 
搜索 栏 


栏 题 栏 


元 件 列表 


新 建 元 件 按钮 


新 建文 件 夹 按 钮 | 删除 按钮 
属性 按钮 


到 6-71 “ 库 ” 面 板 


Y 选项 菜单 按钮 图 : 单 击 该 按钮 打开 库 选 项 菜单 ， 其 中 包括 使 用 库 中 的 项 目 所 需 的 所 有 命令 。 

和 文档 列表 : 显示 当前 打开 的 动画 文件 的 名 称 ， 单 击 下 拉 按 钮 ， 可 以 在 当前 打开 的 多 个 动画 文件 的 
库 面 板 之 间 进 行 切 挽 。 

所 预览 窗口 : 预览 当前 选中 的 库 项 目的 外 观 。 

所 标题 栏 : 描述 元 件 信息 的 内 容 ， 包 括 项 目 名 称 、 类 型 、 使 用 次 数 ， 等 等。 

9 切换 排序 按钮 : 单 击 该 按钮 可 以 将 库 项 目 按 指 定 类 别 进行 升序 或 降序 排列 。 

和 新 建 元 件 按 钮 了 上 : 在 “ 库 ” 面 板 中 创建 新 元 件 ， 与 “插入 ” | “新 建 元 件 ” 命 令 的 作用 相同 。 

NN 新 建文 件 夹 按钮 [3: 在 库 项 目 列表 中 创建 一 个 新 文件 夹 。 

属性 按钮 上 二 : 单 击 此 按钮 打开 “元 件 属性 ”对 话 框 ， 可 以 更 改选 定 项 的 设置 。 

YN 删除 按钮 站: 单 去 该 按钮 可 以 删除 当前 “ 库 ” 面 板 中 选 定 的 库 项 目 。 

9 搜索 栏 EG | 利用 该 功能 ， 用户 可 以 快速 地 在 “ 库 ” 面 板 中 查找 需要 的 库 项 目 。 不 仅 
可 通过 元 件 名 称 搜索 元 件 ， 还 可 以 通过 链接 名 称 搜索 元 件 。 


6.4.2 ”使 用 库 中 的 元 件 
在 “ 库 ” 面 板 中 ， 用 户 可 以 快速 浏览 或 改变 元 件 的 属性 、 更 改 其 类 型 ， 以 及 编辑 其 内 容 和 时 间 轴 。 
1. 查看 元 件 属性 


(1) 在 “ 库 ” 面 板 中 选中 一 个 元 件 。 
(2 ) 单 击 “ 库 ”面板 底部 的 “属性 ”按钮 [并 ， 弹 出 如 图 6-72 所 示 的 “元 件 属性 ”对 话 框 。 
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图 6-72 “元 件 属性 ”对 话 框 


2. 进入 元 件 编辑 模式 
(1) 在 “ 库 ” 面 板 中 选中 要 编辑 的 元 件 ， 选 中 的 元 件 突出 显示 。 
(2 ) 在 “ 库 ” 面 板 的 选项 菜单 中 选择 “编辑 ”命令 ， 或 者 直接 双击 选中 的 元 件 。 


3. 库 项 目 排 序 
( 1) 单 击 其 中 某 一 栏 标题 ， 指 定 排 序 依据 。 
(2 ) 单 击 排序 按钮 切换 排序 方式 。 


4. 删除 库 项 目 
(1) 在 “ 库 ” 面 板 中 选中 要 删除 的 项 目 。 选 定 的 项 目 将 突出 显示 。 
(2 ) 单 击 “ 库 ”面板 底部 的 “删除 ”按钮 国 。 


6.4.3 ”使 用 其 他 影片 中 的 元 件 
每 个 Animate CC 2018 文件 都 目 市 一 个 库 ， 用 于 存放 目 己 的 元 件 。Animate CC 2018 还 文 持 导 和 人 其 他 


文档 中 的 元 件 ， 将 元 件 导 和 人 当前 项 目 后 ， 可 以 像 编 辑 自身 的 元 件 一 样 对 
其 进行 操作 。 由 于 不 同文 件 中 的 元 件 之 间 没 有 联系 ， 因 此 编辑 一 个 元 件 
并 不 影响 其 他 文件 中 相同 的 元 件 。 和 
(1 ) 打开 多 个 Animate CC 2018 文档 ， 并 将 要 引用 其 他 文档 中 的 元 本 NE 
件 的 文档 作为 当前 文档 。 ET 


(2) 打开 “ 库 ” 面 板 , 在 面板 顶部 的 “文档 列表 ”下 拉 列 表 中 选择 
包含 有 要 调用 的 元 件 的 Animate CC 2018 文件 ， 库 面板 下 方 将 显示 打开 
的 Animate CC 2018 文件 中 使 用 的 所 有 元 件 ， 如 图 6-73 所 示 。 

(3 ) 将 库 中 的 元 件 拖 放 至 当前 影片 的 钴 台 。 

调用 的 元 件 以 初始 名 称 目 动 语 加 到 当前 文档 的 库 项 目 列表 中 。 如 采 
调用 的 元 件 与 当前 库 中 的 茶 个 元 件 具 有 相同 的 名 称 ，Animate CC 2018 
将 在 调用 的 元 件 名 称 后 添加 一 个 数字 以 未 区 别 。 

将 元 件 导 和 人 当前 文档 中 后 ， 就 可 以 像 操 作 当 前 文档 中 的 元 件 一 样 对 
其 进行 操作 了 。 


图 6-73 ” 库 面 板 中 的 元 件 列 表 


执行 “文件 ”| “导入 ”| “打开 外 部 库 ” 命 令 ， 将 打开 另 一 个 FLA 文件 的 “ 库 ” 面板 ， 而 不 是 将 
选中 文件 的 库 项 目 导 入 到 当前 文件 的 “ 库 ” 面 板 中 ， 如 图 6-74 所 示 。 在 打开 的 外 部 库 中 拖 放 一 个 元 件 到 
舞台 上 ， 该 元 件 即 可 自动 保存 在 当前 文档 的 “ 库 ” 面 板 中 。 


库 - 制作 动 志 按 钮 .fla 


打开 的 外 部 库 


图 6-74 打开 选中 文件 的 “ 库 ” 面 板 
6.4.4 ”更 新 库 项 目 


在 导 和 人 一 个 外 部 的 声音 文件 或 是 位 图 文件 后 ， 又 用 其 他 的 软件 编辑 了 这 些 文件 ， 此 时 Animate CC 
2018 中 的 数据 项 内 容 就 会 与 原始 的 外 部 文件 有 差异 。 在 Animate CC 2018 中 ， 可 以 方便 地 更 新 导 和 人 的 项 
目 以 反映 库 项 目的 最 新 版 本 ， 而 不 用 重新 导入 。 

(1) 打开 要 更 新 库 项 目的 Animate CC 2018 文件 。 

(2 ) 在 “ 库 ” 面 板 中 选中 要 更 新 的 库 项 目 , 然后 按 下 鼠标 右键 , 在 弹出 的 快捷 莱 单 中 选择 “更 新 ” 命 
令 ， 弹 出 如 图 6-75 (a ) 所 示 的 “更 新 库 项 目 ” 对 话 框 。 

(3 ) 单 击 “更 新 ”按钮 ， 即 可 开始 更 新 。 完 成 后 ， 库 项 目 右 侧 将 显示 图 ， 如 图 6-75 (b ) 所 示 。 


图 6-75 “更 新 库 项 目 ” 对 话 框 


“本 节 练 习 使 用 外 部 编辑 器 修改 动画 的 背景 图 ， 通 过 对 操作 步 ， 


殉 的 详细 讲解， 使 读者 熟练 掌握 更 新 导入 的 库 项 目的 操作 方法 。 | 2 LAR 


和 


设计 ”首先 打开 一 个 Animate CC 2018 文档 ， 在 “ 库 ” 二 让 计生 家 从 及 的 背 归 位 国 
方 pie 并 在 编辑 器 中 修改 图 像 。 最 后 通过 “更 新 ”命令 自动 更 新 动画 
rn mE 的 背景 ， 最 终 效 果 如 图 6-76 所 示 。 : 


图 6-76 ”更 新 背 早 图 之 后 的 效果 


(1 ) 执行 “文件 ”1 “打开 ”命令 ， 打 开 已 制作 的 实例 文件 “水 中 花 .fla”。 

(2) 在 “ 库 ” 面 板 中 选择 需要 修改 的 库 项 目 按 下 鼠标 右键 ， 在 弹出 的 快捷 沫 单 中 选择 “编辑 方式 ” 
命令 ,然后 在 弹出 的 “选择 外 部 编辑 俩 "对话 框 中 选择 外 部 编辑 全 的 应 用 程序 。 本 例 选择 Fireworks。 单 击 “ 打 
开 ” 按 钮 ， 系 统 将 自动 启动 Fireworks ， 并 弹出 如 图 6-77 所 示 的 “查找 源 ” 对 话 框 ,询问 用 户 是 编辑 当前 
选中 图 像 的 PNG 或 PSD 源 文件 ， 还 是 直接 编辑 当前 选中 的 图 像 文件 。 


0 
您 希望 将 Fireworks PNG 作为 "HJ120_350A.jpg" 的 源 文件 还 是 直接 编 。 ”一 
辑 该 图 像 文件 ? [使 用 此 文件 


要 设置 首选 移 数 以 备 将 来 使 用 ， 请 选择 下 面 的 操作 。 


Firewarks 站 交 件 : 
启动 时 询问 


图 6-77 “查找 源 ” 对 话 框 


不 : : 如 果 已 指定 外 部 编辑 器 Fireworks， 快 捷 菜 单 上 会 出 现 “ 使 用 Fireworks 进行 编辑 ”命令 ， 
Ey 如 图 6-78 所 示 。 


(3 ) 单 击 “使 用 此 文件 ”按钮 ， 将 在 Fireworks 中 打开 指定 的 位 图 文件 。 对 图 像 进行 修改 ， 在 位 图 上 
添加 特效 文本 ， 效果 如 图 6-79 所 示 。 
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画 6-78 ” 选 笃 儿 部 编辑 器 
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图 6-79 ”位 图 修改 之 后 的 效果 


(4) 修改 完成 后 ， 单 击 编 辑 窗 口 左上 角 的 “完成 ”按钮 ， 将 其 以 原文 件 名 保存 在 原来 的 路 径 。 然 后 
切换 回 Animate CC 2018 应 用 程序 。 

(5 ) 单 击 “ 库 ”面板 右上 角 的 选项 菜单 按钮 ， 或 直接 在 分 类 窗口 中 的 位 图 上 按 下 忌 标 右键 ， 在 弹出 
的 快捷 菜单 中 选择 “更 新 ”命令 ， 弹 出 如 图 6-80 所 示 的 “更 新 库 项 目 ” 对 话 框 。 


图 6-80 “更 新 库 项 目 ” 对 话 杠 


在 该 对 语 框 中 将 显示 所 有 需要 更 新 的 库 项 目的 名 称 和 路 径 。 如 果 不 硕 望 更 新 列表 中 的 某 些 库 项 目 ， 

人 取消 勾 选 库 项 目标 签 前 的 复 选 框 。 

(6) 单 击 “ 更 新 ”按钮 , 即 可 开始 更 新 列表 中 选中 的 库 项 目 。 更 新 完毕 后 , 单 击 “关闭 ”按钮 关闭 对 话 
框 。 此 时 ,“ 库 ”项 目 中 的 元 件 及 舞台 上 的 实例 都 将 自动 更 新 ， 效 果 如 图 6-76 所 示 。 


6.4.6 ”删除 无 用 项 


在 制作 动画 的 过 程 中 ， 往 往 会 在 “ 库 ” 中 增加 许多 始终 没有 用 到 的 库 项 目 ， 它 们 可 能 是 试验 创作 效 
果 的 产物 ， 也 可 能 是 不 小 心 放 入 库 中 的 对 象 。 当 作品 完成 时 ， 应 将 这 些 没 有 用 到 的 库 项 目 删除 ， 以 减 小 
作品 的 体积 。 

(1 ) 找到 始终 没 用 到 的 库 项 目 ， 有 以 下 两 种 方式 : 

NN 单 击 “ 库 ”面板 右上 角 的 选项 菜单 按 甸 月， 在 弹出 的 快捷 菜单 中 选择 “选择 未 用 项 目 ” 选 项 。 

S 在 “ 库 ” 面 板 中 使 用 “使 用 次 数 ” 排 序 ， 使 用 次 数 为 0 的 项 目 在 作品 中 没有 用 到 。 

(2 ) 按 住 Ctrl 键 或 Shift 键 选 中 这 些 无 用 项 目 。 

(3 ) 单 击 “ 库 ”面板 底部 的 “删除 ”按钮 图 。 


6.4.7 定义 共享 库 


共享 库 资 源 允 许 在 一 个 FLA 文件 中 使 用 来 目 
其 他 FLA 文件 的 资源 。 对 于 运行 时 共享 库 资 源 ， 
源 文档 的 资源 以 外 部 文件 的 形式 链接 到 目标 文档 
AR 中 ， 在 文档 播放 期 间 ( 即 在 运行 时 ) 加 载 到 目标 文 
人 婴 中 。 
J (1) 打开 一 个 需要 定义 成 共享 库 的 动画 文件 ， 
执行 “窗口 ”1 “ 库 ” 命 令 , 打开 “ 库 ” 面 板 。 
fach dpay MoveCip ， (2 ) 在 “ 库 ” 面 板 中 选择 一 个 要 共享 的 元 件 ， 
运行 时 共享 库 单 击 面板 左下 角 的 “属性 ”按钮 国 ], 弹出 “元 件 属性 ” 
对 话 框 。 
mu ER (3 ) 单 击 “ 高 级 ” 折 登 按钮 展开 高 级 选项 ， 然 
后 在 “运行 时 共享 库 ”部 分 选中 “为 运行 时 共享 导 
源 赤 忻 RD 文件 : 出 ” 复 选 杠 ， 此 时 ,“URL” 文 本 框 变 为 可 编辑 状态 ， 
“ActionScript 链接 ”区 域 的 “为 ActionScript 导出 ”、 
在 第 1 帧 中 导出 ” 复 选 框 目 动 勾 选 , “类 ”和 “ 基 类 ” 
文本 框 目 动 填 充 ， 如 图 6-81 所 示 。 


图 6-81 “元件 属性 ”对 话 框 


(4) 在 类 ”文本 框 中 输入 元 件 的 类 名 称 。 
(5 ) 单 击 “ 确 定 ” 按 钮 关闭 对 话 框 。 


ET 


创作 时 共享 库 资 源 

Animate CC 2018 支持 在 创作 时 共享 库 资 源 ， 可 以 避免 在 多 个 FLA 文件 中 使 用 资源 的 多 余 副 本 。 例 如 ， 
如 果 为 Web 浏览 器 、iOS 和 Android 分 别 开 发 一 个 FLA 文件 ， 则 可 以 在 这 3 个 文件 之 间 共 享 资源 。 在 一 个 
FLA 文件 中 编辑 共享 资源 时 ， 使 用 该 资源 的 其 他 FLA 文件 将 自动 更 新 。 

( 1) 在 如 图 6-81 所 示 的 “元 件 属性 ”对 话 框 中 单 击 “ 源 文件 ”按钮 ， 在 弹出 的 “查找 FLA 文件 ”对 话 
框 中 选中 要 共享 的 库 资 源 所 在 的 FLA 文件 。 

(2 ) 单 击 “打开 ”按钮 ， 弹 出 “选择 元 件 ” 对 话 框 。 在 元 件 列 表 中 选中 需要 的 元 件 ， 对 话 框 左上 角 将 显 
示 该 元 件 的 缩 略图 ， 如 图 6-82 所 示 。 


图 6-82 “ 诸 择 元 件 ” 对 话 框 


(3) 单 击 “确定 按钮 关闭 对 话 框 。 此 时 ,在 “元 件 属性 ”对话 框 底部 会 显示 创作 时 共享 的 源 文 件 和 元 件 名 
称 ， 如 图 6-83 所 示 。 


冲 作 时 共享 
源 净 件 {RJ].. 友人 忻 : F:WwangWflash cc 201...18 到 动 的 书 贞 .fla 


元 忻 (5).. 元 件 名 种 : cover_pic 
自动 更 新 (有 ) 


图 6-83 ”创作 时 共享 资源 


(4 ) 选择 “ 目 动 更 新 ” 复 选 框 ， 可 以 在 编辑 共享 资源 时 ， 目 动 更 新 使 用 该 资源 的 其 他 FLA 文件 。 
(5) 设置 完成 ， 单 击 “ 确 定 ”按钮 关闭 “元 件 属性 ”对话 框 。 


6.5 ”实例 精 讲 一 一 深 动 的 水 晶 球 
ET 
ss 三 辐 贺 步 党 所 制作 各 种 类 型 的 元 件 、 创 建 实例 ， 以 及 编辑 元 件 和 修改 实例 属性 的 操作 方法 。 


a 
PTETOOETETIO 


: 首先 新 建 一 个 Animate CC 2018 文档 ， 导 入 背景 图 像 。 然 后 新 建 一 个 图 形 元 件 ， / 

泪 全 使 有 绘图 工具 和 “颜色 ”面板 制作 水 电 球 。 然 后 将 兽 台 上 的 图 形 实例 转换 为 影片 剪辑 ， 

人 双击 实例 进入 元 件 编辑 模式 ， 制 作 水 晶 球 滚动 的 动画 。 最 后 通过 在 兽 台 上 创建 多 个 影 
| 片 剪 辑 实 例 ， 并 修改 实例 的 大 小 和 色彩 效果 实现 不 同 大 小 和 颜色 的 水 晶 球 滚动 的 动画 ， 

最 终 效果 如 图 6-84 所 示 。 / 


党 动 的 吕 晤 三 .swi 


图 6-84 ” 术 史 球 滚动 的 动画 效果 


6.5.1 制作 水 晶 球 图 形 元 件 


(1) 新 建 一 个 Animate CC 2018 文件 (ActionSeript30) 执行“ 文件 ”1 “ 导 。 ”几时 
入 ”| “导入 到 舞台 ”命令 ， 导 和 人 一 幅 青 景 图 像 。 然 后 打开 “信息 ”面板 ， 修 
改 图 像 的 大 小 和 位 置 ， 使 其 完全 覆盖 在 舞台 上 ， 如 图 6-85 所 示 。 A 


图 6-85 ”导入 的 舞 自 背 申 


AnimatelE 2208 


176, 


(2 ) 执行 “插入 ”1“ 新 建 元 件 ” 命 令 , 在 弹出 的 对 话 框 中 输入 元 件 名 称 ball, 类 型 为 “图 形 ” , 单 击 “ 确 
定 ” 按 钮 进入 元 件 编 辑 窗 口 。 

(3 ) 选 择 “ 椭 圆 工具 ” ,设置 笔触 颜色 无 ,填充 色 为 径 同 渐变 , 按 住 Shift 键 绘制 一 个 正 圆 。 然 后 打开 “ 颜 
色 ” 面 板 ， 设置 第 一 个 颜色 游标 为 日 色 ， 第 二 个 颜色 游标 为 浅 绿色 ， 图 形 的 填充 效 采 如 图 6-86 所 示 。 

(4) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 新建 一 个 图 层 。 使 用 “椭圆 工具 ”绘制 一 个 小 的 椭 
圆 ,在 “颜色 ”面板 中 设置 填充 色 为 日 色 到 透明 ( Alpha 值 为 0% ) 的 线性 渐变 。 然 后 使 用 “渐变 变形 工具 


调整 填充 范 围 和 方向 ， 效 朱 如 图 6-87 所 示 。 


图 6-86 图形 的 填充 效果 图 6-87 ”调整 填充 效果 
(S ) 单 击 编 辑 栏 上 的 “返回 ”按钮 ， 返 回 主场 景 。 
6.5.2 ”制作 水 晶 球 次 动 的 影片 剪辑 


(1 ) 单 击 图 层面 板 左下 角 的 “新 建 图 层 ” 按 钮 ， 新 建 一 个 图 层 。 打 开 “ 库 ” Bo 
面板 ， 拖 放 一 个 水 唱 球 实例 到 舞台 上 ， 然 后 使 用 “任意 变形 工具 ”适当 调整 实例 ”6_@ 制作 水 晶 球 滚 动 的 
大 小 ， 效 果 如 图 6-88 所 示 。 影片 剪辑 


图 6-88 ”添加 实例 


(2 ) 选中 舞台 上 的 实例 ， 执 行 “修改 ”1 “转换 为 元 件 ” 命 令 ， 在 弹出 的 “转换 为 元 件 ” 对 话 框 中 
输入 元 件 名 称 ranning， 类 型 为 “ 影 刻 毅 答 ”"， 如 图 6-89 所 示 。 单 击 “ 确 定 ” 按 钮 关闭 对 话 框 。 


图 6-89 “转换 为 元 件 ” 对 话 框 


(3 ) 双击 舞台 上 的 实例 进入 元 件 编辑 窗口 ， 在 第 60 帧 按 F6 键 插入 关 键 帧 ， 然 后 移动 实例 的 位 置 ， 
并 使 用 “任意 变形 工具 ”缩小 实例 ， 效 末 如 图 6-90 所 示 。 

(4) 选中 第 1 帧 ， 执 行 “ 插 入 ”1 “传统 补 间 ”命令 ， 在 两 个 关键 帧 之 间 创 建 传统 补 间 动画 。 然 后 
打开 属性 和 面板, 设置 “组 动 ” 值 为 10， 如 图 6-91 所 示 。 


图 6-90 ”第 60 顶 的 实例 大 外 和 伍 置 图 6-91 设置 缓 动 值 


在 默认 情况 下 ， 物 体 匀 速 运动 ， 设置 绥 动 值 可 以 模拟 加 速 或 减速 效果 。 本 例 中 设置 为 正 值 ， 表 示 运 
动 速 度 越 来 越 慢 。 有 关 缓 动 值 的 具体 介绍 ， 请 参见 第 9 音 的 介绍 。 

接 下 来 制作 水 品 球 的 倒影 动画 。 

(5 ) 在 图 层 1 的 名 称 栏 按 下 鼠标 右键 ,在 弹出 的 快捷 菜单 中 选择 “复制 图 层 ” 命 令 ， 即 可 复制 图 层 
1 的 所 有 帧 和 动画 设置 。 

(6) 选中 第 1 帧 的 实例 ， 执 行 “ 修 改 ”1 “变形 ”| “垂直 翻转 ”命令 对 实例 进行 变形 ， 然 后 打开 
属性 面板 ， 在 “色彩 效果 ”区 域 的 “样式 ”下 拉 列 表 中 选择 Alpha 选项 ， 值 为 30%， 如 图 6-92 所 示 。 最 
后 将 实例 向 下 移动 ， 效 果 如 图 6-93 所 示 。 


图 6-92 设置 实例 的 Alpha 值 图 6-93 ”第 1 帧 实例 的 位 置 


(7) 选中 第 60 帧 的 实例 ， 按 照 第 (6 ) 步 的 方法 翻转 实例 ， 并 网 下 移动 实例 位 置 ， 效 末 如 图 6-94 
(8 ) 单 击 编辑 位 上 的 “返回 ”按钮 返回 主场 景 ， 按 Ctrl+Enter 键 测试 动画 效 末 ， 如 图 6-95 所 示 。 


图 6-94 ”第 60 帧 实例 的 效果 图 6-95 ” 测 藉 动画 效果 


6.5.3 ”添加 多 个 实例 


(1 ) 打开“ 库 ” 面 板 , 拖 放 一 个 水 品 球 滚动 的 影片 剪辑 running 到 舞台 上 ,使 用 “ 任 
意 变形 工具 ”调整 实例 的 大 小 ， 效 果 如 图 6-96 所 示 。 

(2 ) 选中 实例 ,打开 属性 面板 ,在 “色彩 效果 ”区 域 的 “样式 ”下 拉 列 表 中 选择 “高 
级 ”选项 或 “色调 ”选项 ， 调 整 实 例 的 颜色 效果 ， 如 图 6-97 所 示 。 舞 台 上 的 实例 效果 如 图 6-98 所 示 。 

(3 ) 用 同样 的 方法 ， 在 舞台 上 添加 多 个 实例 ， 修 改 实 例 的 大 小 和 位 置 ， 然 后 修改 实例 的 色彩 效果 ， 
如 图 6-99 所 示 。 


6-9 ”添加 多 个 实例 


实例 : ru 
> 位置 和 大 小 
3D 定位 和 视图 
色彩 效果 


翌 示 :宣明 


图 6-96 ”添加 第 二 个 实例 图 6-97 设置 实例 的 色彩 效果 


图 6-98 修改 色彩 效果 后 的 实例 效果 


(4) 执行 “文件 ”1 “保存 ”命令 保存 文件 ， 然 后 近 Ctrl+Enter 键 测试 动画 效果 ， 如 图 6-84 所 示 。 


6.6 答疑 解 了 惑 


1. 元 件 的 注册 点 和 中 心 点 的 区 别 是 什么 ? 

答 : 元 件 的 注册 点 就 是 元 件 上 的 十 字 标 记 ， 是 使 用 ActionScript 控制 元 件 的 坐标 和 缩放 的 参照 点 ; 元 
件 的 中 心 点 是 元 件 的 几何 变形 点 ， 是 使 用 任意 变形 工具 后 的 圆圈 所 在 的 位 置 ， 是 元 件 变形 的 参照 点 。 

2. 在 元 件 与 实例 之 间 ， 是 否 元 件 绝对 控制 实例 ? 

答 : 并 不 是 元 件 绝对 地 控制 实例 。 例 如 将 实例 分 离 打 散 后 ， 这 个 实例 就 与 创造 它 的 元 件 脱离 了 关系 。 
但 是 如 果 没 有 分 离 打 散 由 元 件 创 造 的 实例 ， 则 当 元 件 的 性 质 〈 形 状 、 大 小 和 颜色 ) 改变 ， 这 个 实例 的 性 
质 也 会 随 之 改变 。 但 值得 一 提 的 是 ， 没 有 被 分 离 打 散 的 实例 仍旧 可 以 通过 任意 变形 工具 来 调整 大 小 。 

3. 影片 剪辑 在 场景 中 是 如 何 播放 的 ? 

答 : 把 影片 剪辑 拖 到 场景 中 ， 动 画 播放 时 它 就 会 自动 播放 ， 如 果 没 有 在 最 后 一 帧 加 上 Stop ， 影 片 剪 
辑 默认 循环 播放 。 要 观看 影片 剪辑 播放 的 效果 ， 须 同时 按 下 Ctrl+Enter 键 。 另 外 ， 一 个 很 长 的 影片 剪辑 
放 人 场景 中 也 只 占据 一 帧 的 位 置 ， 如 果 将 它 拖 了 好 多 帧 ， 执 行 时 每 隔 一 帧 都 会 重 放 。 

4. 制作 按钮 元 件 时 , “上 点击” 区 域 有 什么 作用 ? 

答 :“ 点 击 ” 区 域 是 指 按 钮 的 触发 区 域 ， 该 区 域 在 播放 时 不 会 显示 出 来 。 

5. 为 什么 用 文字 做 的 按钮 不 灵敏 ? 

答 : 可 能 是 因为 在 制作 按钮 时 ， 没 有 指定 “点 击 ” 区 。 用 文字 做 按钮 时 ， 最 好 能 定义 一 个 矩形 作为 
触发 区 ， 如 果 没 有 指定 “点 击 ” 区 域 ，Animate CC 2018 会 默认 将 按钮 形状 所 在 区 域 作为 触发 区 域 ， 也 就 
是 将 文字 作为 按钮 的 触发 区 ， 在 用 的 时 候 上 自然 不 是 很 灵敏 。 

6. 在 两 个 不 同 的 Animate CC 2018 文件 中 ， 可 否 共享 库 ? 

答 : 可 以 的 。 在 要 调用 其 他 文件 库 的 文档 中 执行 “文件 ”1 “导入 ”1 “打开 外 部 库 ” 命 令 ， 找 到 
要 调用 的 库 所 在 的 文件 ， 将 其 打开 ， 该 文件 中 的 库 即 可 出 现在 当前 文档 中 。 


6.7 学习 效果 目测 


一 、 选 择 题 
1. 元 件 与 导入 到 舞台 上 的 图 片 存储 在 ( ) 面板 中 。 
A. 库 B. 属性 C. 组 件 D. 对 齐 
2. 鼠标 指针 移 到 图 片上 后 ， 图 片 消失 ， 在 图 所 在 的 位 置 显示 文字 ， 要 制作 这 种 效果 ,用 ( 元 
件 最 方便 。 
A. 影 片 剪 辑 元 件 B. 图 形 元 件 C. 按钮 元 件 D. 哪 一 种 都 可 以 
3. Alpha 表示 ( 上 
A. 透明 度 B. 浓度 C. 厚度 D. 深度 


4. 将 舞台 上 的 对 象 转换 为 元 件 的 步骤 是 ( 。 ) 
A. 选中 舞台 上 的 对 象 ,执行 “修改 ”| “转换 为 元 件 ”命令 ,打开 “转换 为 元 件 ” 对 话 框 ; 填写 “ 转 
换 为 元 件 ”对 话 框 ， 并 单 击 确定 
B. 执行 “修改 ”| “转换 为 元 件 ”命令 ,打开 “转换 为 元 件 ”对 话 框 ; 选 定 舞台 上 的 对 象 ; 填写 “ 转 
换 为 元 件 ”对 话 框 ， 并 单 击 确定 
C 选中 舞台 上 的 对 象 , 并 将 选 定 元 素 拖 到 库 面板 上 , 执行 “修改 ”| “转换 为 元 件 ”命令 , 打开 “ 转 
换 为 元 件 ”对 话 框 ， 填 写 “转换 为 元 件 ”对 话 框 ， 并 单 击 确定 
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D. 执行 “修改 ”|“ 转 换 为 元 件 ” 命 令 ， 打开“ 转换 为 元 件 ” 对 话 杠 ， 选 中 舞台 上 的 对 象 并 将 选 
定 元 素 拖 到 库 面 权 上 ， 质 与 “转换 为 元 件 ” 对 话 框 ， 并 单 击 确定 
5. 按钮 元 件 的 “指针 经 过 ”状态 的 意思 是 ( )。 
A. 当 羽 标 指 计 经 过 按钮 区 域 时 激活 
B. 事件 将 锌 激活 
C. 当 从 按钮 对 象 中 拖 出 对 象 范 围 时 ， 事 件 被 激活 
D. 当 指 定 的 键盘 被 按 下 时 束 激 活 事件 
6. 可 以 独立 于 主场 景 时 间 轴 播放 的 元 件 是 ( ), 


A. 图 形 元 件 B. 影 乒 剪辑 元 件 C. 按钮 元 件 D. 以 上 都 可 以 
7. 在 影片 剪辑 元 件 和 图 形 元 件 中 可 以 做 动画 吗 ? ( ) 

A. 仅 影片 剪辑 元 件 可 以 B. 仅 图 形 元 件 可 以 

C. 两 者 都 可 以 D. 两 者 都 不 可 以 
二 、 判 断 题 


1. 元 件 只 存在 于 库 中 。( ) 

2. 库 除 了 放置 各 种 元 件 ， 还 可 以 存放 各 种 实例 。( ) 
3. 任何 元 件 都 可 以 创建 自己 的 实例 。( ) 

4. 添加 新 元 件 只 能 在 库 中 操作 。( ) 

5. 一 个 元 件 只 能 创建 一 个 实例 。( ) 

三 、 填 空 题 

1. 元 件 分 为 三 种 类 型 。 
2. 按钮 元 件 有 种 状态 。 

3. 通常 情况 下 ，Animate CC 2018 会 自动 按照 按钮 的 
4. 影片 剪辑 元 件 主要 用 于 

5. 把 绘制 好 的 图 形 转 换 为 元 件 可 以 按 快捷 键 


状态 时 的 区 域 作 为 鼠标 的 反应 范围 。 
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熟 起 loclon. i 等 图 形 图 像 处 理 软件 的 用 ， 户 对 : 滤 镜 ” 

和 “混合 模式 ”一 定 不 会 感到 陌生 。 使 用 滤 镜 ， 可 以 为 文本 、 按 钮 和 

影片 剪辑 添加 许多 第 见 的 视觉 效果 ， 更 让 广大 设计 者 欣 喜 的 是 ， 这 些 
效果 还 保持 着 矢量 的 特性 。 

: 使 用 混合 模式 ， 可 以 通过 混 会 两 个 或 两 个 以 上 重 登 对 券 的 咀 明度 \ 

。 或 者 颜色 ， 加 强 图 像 的 层次 感 ， 从 而 创造 具有 独特 效果 的 复合 图 像 。 
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;认识 滤 镜 
Animate CC 2018 的 内 置 滤 镜 效果 
滤 镜 的 基本 操作 
认识 混合 Wi 


7.1 认识 滤 镜 


所 请 滤 镜 ， 就 是 具有 图 像 处 理 能 力 的 过 滤 喝 ， 是 扩展 图 像 处 理 能 力 的 主要 手段 。 滤 镜 功 能 能 极 大 
地 增强 Animate CC 2018 的 设计 能 力 ， 可 以 为 文本 、 按 钮 和 影片 剪辑 增添 有 趣 的 视觉 效果 。 不 仅 如 此 ， 
Animate CC 2018 还 可 以 使 用 补 间 动 画 让 应 用 的 滤 镜 活动 起 来 。 


7.1.1 滤 锐 的 功能 


使 用 滤 镜 可 以 完成 很 多 营 见 的 设计 处 理工 作 ， 以 丰 曙 对 和 象 的 显示 效果。Animate CC 2018 允许 根据 用 
户 需 要 对 滤 镜 进行 编辑 ， 或 删除 不 需要 的 滤 镜 ， 或 者 调整 滤 镜 顺序 以 获得 不 同 的 组 合 效果 。 此 外 ， 还 可 
以 暂时 蔡 用 或 者 局 有 用、 复制 灯 贿 湾 错 。 如 采用 尸 修改 已 经 应 用 滤 镜 的 对 象 ， 应 用 到 对 象 上 的 滤 锐 会 目 动 
适应 新 对 象 。 


Animate CC 2018 中 的 滤 镜 只 适用 于 文本 、 影 片 剪 辑 和 按钮 。 

例如 ， 图 7-1 (a) 是 应 用 了 “投影 ”的 原始 图 ; 图 7-1 (b ) 是 进行 编辑 后 的 图 形 ; 图 7-1 (c ) 显示 
滤 镜 目 适 应 图 形 后 的 戏 末 。 可 以 看 到 ， 在 对 对 象 进行 修改 后 ， 渡 镜 会 根据 修改 后 的 结 末 重新 进行 绘制 ， 
以 确保 图 形 图 像 正 确 显 示 。 


图 7-1 滤 镜 根据 修改 后 的 结果 重新 进行 给 制 


有 了 上 面 这 些 特性 ， 意 味 看 在 Animate CC 2018 中 制作 丰 吕 的 视觉 效 朱 会 更 加 方便 ， 无 需 为 了 一 个 
人 简单 的 效 来 进行 多 个 对 象 的 从 加 ， 或 局 动 Photoshop 之 类 的 软件 了 。 


7.1.2 ”添加 滤 镜 


使 用 滤 镜 处 理 对 象 时 ， 可 以 耳 接 在 对 象 属性 面板 中 的 “ 渡 错 ”选项 中 选择 需要 的 渡 镜 。 

(1 ) 选中 要 应 用 滤 镜 的 对 象 ， 可 以 是 文本 、 影 片 温 苍 或 按钮 。 

(2 ) 在 属性 面板 中 单 击 “ 滤 镜 ” 折 释 按钮， 打开 “ 滤 镜 ”面板 ， 单 击 “ 添 加 滤 镜 ” 按 馈 国 |， 打开 渡 
锐 玉 单 。 

(3 ) 选中 需要 的 滤 镜 效 末 ,打开 对 应 的 参数 设置 对 话 框 。 

(4) 设置 完 参 数 后 单 击 文档 的 其 他 区 域 ， 完 成 效 采 设置 。 

(5 ) 再 次 单 击 “添加 滤 镜 ” 按 馈 请, 打开 滤 镜 菜单 。 通 过 添加 新 的 滤 镜 ,可 以 实现 多 种 效果 的 全 加 。 

此 时 ,“ 滤 错 ” 下 方 将 显示 所 用 滤 镜 的 名 称 和 选项 列表 ， 如 图 7-2 所 示 。 


| 应 用 于 对 象 的 洪 镜 类 型 、 数 量 和 质量 会 影响 SWF 文件 的 播放 性 能 。 对 于 一 个 给 定 对 象 ，| 
”注意 。 建议 只 应 用 有 限 数量 的 滤 镜 。 | 


图 7-2 所 用 滤 镜 列表 


7.2 Animate CC 2018 的 内 置 滤 镜 效果 


Animate CC 2018 提供 七 种 滤 镜 ， 如 图 7-3 所 示 。 


好 月 前 辑 
实例 : 元 件 :1 

”辅助 功能 
滤 和 证 

投 最 

植 厅 

如 证 

笠 前 

淅 屋 起 说 


新 变 笠 角 
调整 颜色 
星 降 全 部 
启用 全 部 
机 用 全 部 


图 7-3 滤 镜 列表 


滤 镜 的 应 用 效果 是 通过 滤 镜 的 多 个 参数 进行 设置 的 ， 参 数值 不 同 ， 最 终 的 显示 效果 可 能 干 差 万 别 。 
因此 ， 在 实际 的 设计 过 程 中 ,设计 者 (尤其 是 初学 者 ) 第 弟 需 要 对 滤 镜 的 参数 进行 多 次 修改 试验 ， 以 达 
到 满意 的 设计 效果 。 

7.2.1 投影 


“投影 ” 滤 镜 可 模拟 对 象 在 一 个 表面 投影 的 效果 ， 或 者 在 背景 中 剪 出 一 个 形似 对 象 的 洞 ， 来 模拟 对 象 
的 外 观 。 投 影 的 参数 面板 如 图 7-4 所 示 。 


nimatelee on 
中 避 版 只 同志 担 记 


NN 模糊 X 和 模糊 Y: 设置 阴影 模糊 柔 化 的 宽度 和 高 度 。 右 侧 的 国 3 图 标 按钮 用 于 限制 义 轴 和 YY 轴 的 
阴影 同时 柔 化 ， 单 击 国 按钮 可 单独 调整 某 一 个 轴 。 

图 7-5 (a ) 是 同步 模糊 和 和 Y 的 效 末 ,图 7-5 (b ) 是 增 大 模糊 X 值 后 的 效果 。 

和 强度 : 设置 阴影 暗 度 。 图 7-6 (a ) 的 投影 强度 为 100%， 图 7-6 (b) 的 投影 强度 为 20%。 


图 7-4 ”投影 仑 项 设置 图 7-5 模糊 柔和 化 不 同 的 投影 效果 图 7-6 投影 强度 不 同 的 投影 效果 


和 品质 : 用 于 设置 阴影 模糊 的 质量 ， 质 量 越 局 ， 过 浇 越 流畅 ， 反 之 越 粗糙 。 


阴影 质量 过 高 是 以 辆 牲 执行 效率 为 代价 的 。 如 果 在 运行 速度 较 慢 的 计算 机 上 创建 回放 内 | 
容 ， 建 议 将 质量 级 别 设置 为 低 ， 以 实现 最 佳 的 回放 性 能 。 


NN 角度 : 设置 阴影 相对 于 对 象 本 身 的 方向 ， 图 7-7 (a ) 角度 为 260? ， 图 7-7 (b) 为 360° 。 
NN 距离 . 设置 阴影 相对 于 对 象 本 身 的 远近 ， 图 7-8 (a ) 投影 距离 为 5S， 图 7-8 (b ) 为 15。 


(a) (b) 


(a) (b) 
图 7-7 投影 角度 不 同 的 投影 效果 图 7-8 投影 距离 不 同 抽 投影 效果 


YN 挖 空 ; 该 选项 的 效果 是 从 视觉 上 隐藏 源 对 象 ， 并 在 挖 空 图 像 上 只 显示 投影 。 图 7-9 (b ) 选择 “ 控 
空 ” 复 选 框图 7-9 (a ) 未 选中 该 选项 。 

YN 内 阴影 : 在 对 象 边 界 内 应 用 阴影 。 图 7-10 (a ) 未 选中 该 选项 ,图 7-10 (b ) 选中 “内 阴影 ” 复 选 框 。 

Y 隐藏 对 象 : 不 显示 对 象 本 身 ， 只 显示 阴影 。 图 7-11 (a ) 未 隐藏 对 象 ， 图 7-11 (b ) 选中 “隐藏 对 
象 ”选项 。 


Jev 


(b) 
图 7-9 ” 挖 至 的 投影 效果 图 7-10 内 全 阴影 图 7-11 隐藏 朵 象 


和 颜色 : 设置 阴影 的 颜色 。 
7.2.2 ”模糊 


模糊 滤 镜 可 以 柔 化 对 象 的 边 绿 和 细 届 ,将 模糊 应 用 于 对 象 ,可 以 让 它 看 起 来 好 像 位 于 其 他 对 和 象 的 后 面 ， 
或 者 使 对 象 看 起 来 具有 动感 。 该 滤 镜 的 参数 面板 如 图 7-12 所 示 。 
9 模糊 X 和 模糊 Y: 与 投影 滤 镜 中 相应 的 选项 相同 。 图 7-13( a ) 为 同时 柔 化 ,图 7-13(b ) 为 单独 柔 化 ， 


且 义 轴 模 糊 值 加 大 。 


和 “了 品质”: 模糊 的 质量 。 设 置 为 “高 ”时 近似 于 高 斯 模糊 。 
(a) (b) 


到 7-13 ”模糊 XY 效果 


图 7-12 模 粒 选项 设置 


7.2.3 ”发光 


“上 发光” 滤 镜 可 以 为 对 象 的 边缘 应 用 颜色 ， 使 对 象 周边 产生 光臣 的 效果 。“ 发 光 ” 涯 镜 的 参数 面板 如 
7-14 所 示 。 
NW 颜色 : 用 于 设置 光芒 的 颜色 。 
和 强度 : 用 于 设置 光芒 的 清晰 度 。 
YN 挖 空 : 该 选项 用 于 隐藏 源 对 象 ， 只 显示 光芒 。 图 7-15 (a ) 是 未 控 空 效果 ,图 7-15 (b ) 是 挖 空 的 
效果 。 
和 内 发 光 : 在 对 锭 边界 内 发 出 光芒 。 图 7-16 (a ) 是 外 侧 发 光 效 果 ， 图 7-16 (b ) 是 内 侧 发 光 效果 。 


.0.NON 
m 举 染 


.NONO 
(b) 
到 7-15 ” 控 室 效果 图 7-16 ” 钉 侧 发 光 和 内 侧 发 光 效 果 


几 


Te 


图 7-14 ”发光 滤 镜 的 参数 面板 


7.2.4 ” 斜 角 


“和 斜 角 ” 滤 镜 包括 内 侧 斜 角 、 外 侧 斜 角 和 全 部 和 斜 角 三 种 效果 ， 可 以 创建 三 维 视觉 效果 ， 使 对 象 看 起 来 
曲 出 于 背景 表面 。 参 数 设 置 不 同 ,可 以 产生 各 种 不 同 的 立体 效果 。“ 冬 朋 ” 滤 镜 的 参数 面板 如 图 7-17 所 示 。 
和 阴影 : 斜 角 的 阴影 颜色 。 
NW 加 亮 显示 : 针 角 的 高 亮 显 示 颜 色 ， 如 图 7-18 所 示 。 阴 影 色 为 黑色 ， 图 7-18 (a ) 加 亮色 为 白色 ， 
图 7-18 (b ) 加 亮色 为 淡 黄 色 。 
所 角度 : 斜 边 投下 的 阴影 角度 。 


图 7-17 和 斜 角 选 项 设置 


和 距离 : 儿 角 的 宽度 。 
YY 控 空 : 隐藏 源 对 铺 ， 只 显示 斜 角 。 
和 类 型 : 要 应 用 到 对 象 的 斜 角 类 型 。 各 种 类 型 的 斜 角 效 果 分 别 如 图 7-19 所 示 。 


原 图 内 侧 妊 角 外 侧 斜 角 全 部 冬 角 
图 7-19 不 同类 型 的 斜 角 效 果 


”本 节 练 习 使 用 针 角 和 发 光 泪 镜 效果 制作 一 
典 自 BB 个 相框 ， 通 过 操作 步骤 的 详细 讲解 ， 使 读者 熟练 
a | 


TT 


本名， 做 后 汶 ipt 
镜 ， 并 使 用 “ 挖 空 ”选项 隐藏 图 片 ， 接 下 来 为 影 
em “发 光 ” 渡 镜 ， 形 成 相框 。 最 后 ， 在 
中 ;上 台 上 添加 一 个 影片 剪辑 实例 ， 通 过 调整 图 层 ; 
位 置 ， 使 其 显示 在 相框 中 ， 最 终 效果 如 图 7-20 


图 7-20 ”实例 效果 


国 mn 
[| 


TE 

(1 ) 新 建 一 个 Animate CC 2018 文档 ( ActionScript 3.0 )， 将 图 层 1 重合 名 为 frame， 执 行 “ 文 件 ” | 
“导入 ” | “ 导 人 到 舞台 ”命令 ， 导 入 一 幅 风 景 画 。 然 后 使 用 “任意 变形 工具 ”修改 图 片 尺寸 。 

(2 ) 选中 导入 的 图 片 , 执行 “修改 ”1 “转换 为 元 件 ” 命 令 , 将 选中 对 象 转换 为 影片 剪辑 , 如 图 7-21 
所 示 。 

(3 ) 在 属性 面板 中 单 击 “ 滤 镜 ” 折 和 县 按钮 ， 展 开 “ 滤 镜 ” 面 板 ， 单 击 “ 添 加 滤 镜 ”按钮 ， 在 弹出 的 
滤 镜 菜单 中 选择 “和 斜 角 ”命令 。 然 后 在 对 应 的 参数 列表 中 设置 滤 镜 属性 ， 如 图 7-22 所 示 。 应 用 滤 镜 后 的 
效果 如 图 7-23 所 示 。 


辐 7-21 和 将 异 入 的 图 片 转换 为 影 户 剪辑 图 7-22 ” 滤 镜 参数 面板 


许 


(4 ) 用 同样 的 方法 添加 “发 光 ” 滤 镜 ， 参 数 设置 如 图 7-24 所 示 。 应 用 滤 镜 后 的 效果 如 图 7-25 所 示 。 


图 7-23 ” 滤 镜 效果 图 7-24 发光 滤 镜 的 参数 设置 图 7-25 应 用 滤 镜 后 的 效果 


(5 ) 单 击 图 层面 板 左下 角 的 “新 建 图 层 ” 按 钮 ， 新 建 一 个 图 层 pic。 然 后 将 新 建 图 层 拖 放 到 “图 层 1” 
下 方 。 

(6 ) 打开 “ 库 ” 面板 ,在 库 项 目 列表 中 选中 影片 剪辑 ,并 拖 动 到 舞台 上 。 调 整 影片 剪辑 的 位 置 和 大 小 ， 
使 其 显示 在 利用 滤 镜 生成 的 边框 中 ， 效 果 如 图 7-20 所 示 。 

(7 ) 执行 “文件 ”1 “保存 ”命令 保存 文档 。 


7.2.6 ”渐变 发 光 


“渐变 发 光 ” 滤 镜 可 以 在 发 光 表 面 产 生 渐 变 雇 色 的 光芒 效果 ， 参 数 面 板 如 图 7-26 所 示 。 
和 类 型 : 发 光 类 型 ， 有 内 侧 发 光 、 外 侧 发 光 和 全 部 发 光 三 种 ， 效 果 如 图 7-27 所 示 。 


:NN EN CA 


原 图 外 侧 发 光 ”内 侧 发 光 ”全 部 发 光 
央 7-27 “不 同类 型 前 渐变 发 光 效 果 


图 7-26 ”渐变 发 光 的 选项 


: 光芒 的 渐变 顾 色 ,。 


渐变 开始 颜色 称 为 Alpha 颜色 , 该 颜色 的 Alpha 值 为 0。 无 法 移动 此 颜色 的 位 置 , 但 可 以 改变 该 颜色 。 
在 渐变 栏 上 单 击 ， 可 以 添加 最 多 15 个 颜色 游标 。 

渐变 发 光 的 其 他 设置 参数 与 发 光 滤 镜 相同 ， 不 再 闭 述 。 
7.2.7 ”渐变 斜 角 

“渐变 斜 角 ” 滤 镜 可 以 产生 一 种 凸 起 的 三 维 效果 ， 使 对 象 看 起 来 好 像 从 背景 上 凸 起 ， 且 和 斜 角 表 面 有 渐 
变 颜色 。“ 渐 变 斜 角 ” 的 参数 面板 如 图 7-28 所 示 。 

YN 类 型 : 指定 斜 角 类 型 : 内 侧 斜 角 、 外 侧 斜 角 或 者 全 部 斜 角 。 

上 国 级 : 针 角 的 渐 交 颜色 。 不 同类 型 的 渐变 斜 角 的 效果 如 图 7-29 所 示 。 


原 图 内 侧 匀 和 角 外 侧 匀 角 全 部 斜 角 
图 7-28 渐变 斜 角 的 选项 图 7-29 不 同类 型 的 渐变 斜 角 的 效果 


写 “ 渐 变 发 光 ” 滤 镜 的 渐变 色 人 不同 , “渐变 和 斜 角 ” 渡 镜 中 辐 的 颜色 游标 控制 渐变 的 Alpha 颜色 ,但 为 0。 
可 以 更 改 该 颜色 话 标 的 颜色 ， 但 是 不 能 更 改 该 颜色 在 渐变 中 的 位 置 。 
渐变 斜 角 的 其 他 设置 参数 与 斜 角 滤 镜 相同 ， 不 再 获 述 。 


7.2.8 ” 幸 芭 颜色 


“调整 颜色 ”小 镜 可 以 调整 所 选 影片 勇 辑 、 按 钮 或 者 文本 对 和 象 的 亮度 、 对 比 度 、 色 相 和 饱和 度 。 该 滤 
镜 的 参数 面板 如 图 7-30 所 示 。 
所 亮度 : 调整 图 像 的 亮度 ， 值 的 范围 为 -100~100。 按 下 和 鼠标 左 键 并 拖 动 ， 或 者 在 右 侧 的 文本 框 中 


输入 数值 ， 即 可 调整 相应 的 值 ， 效 果 如 图 7-31 所 示 。 


增强 亮度 


NN 对 比 度 : 调整 图 像 的 加 亮 、 阴 影 及 中 调 。 数 值 范 围 为 -100~100， 效 果 如 图 7-32 所 示 。 


AX MAX MAX 


增强 对 比 度 减 小 对 比 度 
图 7-32 调整 颜色 的 对 比 度 


所 饱和 度 : 调整 颜色 的 强度 ， 其 数值 范围 为 -100~100, 效果 如 图 7-33 所 示 。 
所 色相 : 用 于 调整 颜色 的 深浅 ， 其 数值 范围 为 -180-~180, 效果 如 图 7-34 所 示 。 


增强 饱和 度 : 减 小 饱和 度 增 大 色相 值 减 小 色相 什 
图 7-33 ”调整 颜色 的 饱和 度 | a 


需 价 一 稳 ， 
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如 果 只 布 望 调整 对 赣 的 亮度 ,建议 读者 使 用 对 象 属性 面板 中 “色彩 效果 ”区域 ”样式 下 拉 列 表 中 的 “ 毫 
度 ” 选 项 。 与 应 用 滤 镜 相 比 ， 使 用 该 选项 性 能 更 高 。 


加 和 3 了 oo 
je 


首先 新 建 一 个 Animate CC 2018 文档 ， 使 用 “ 拢 形 工具 ”、“ 颜 色 ” 面 板 和 “渐变 
Ai ， 讽 评 :变形 工具 ”制作 一 个 棋盘 。 然 后 使 用 “ 梢 加 工具 ”制作 棋子 ， 通 过 将 图 形 转换 为 影片 
= ”图 辆 | 剪辑， 添加 投影 滤 镜 ， 再 将 应 用 了 滤 镜 的 实例 转换 为 影片 剪辑 存放 在 “ 库 ” 中 。 最 后 | 
通过 为 文本 添加 浙 变 儿 角 滤 镜 ， 创 建立 体 字 效 果 ， 最 终 效果 如 图 7-35 所 示 。 : 


图 7-35 棋盘 效果 


E> 


操 国 步 
(1 ) 执行 “文件 ” 1“ 新建” 命令 ,新建 一 个 Animate CC 2018 文件 ,舞台 大 小 为 500 像 系 x 400 像素 。 
(2) 执行 “文件 1“ 导入 ”1 “ 守 入 到 库 ” 命 令 , 在 弹出 的 对 话 框 中 选择 棋盘 样式 图 案 , 如 图 7-36 
所 示 。 


(3 ) 选择 工具 箱 中 的 “和 矩形 工具 ”， 在 属性 面板 上 设置 笔触 颜色 无 ， 填 充 色 为 上 
| 


一 步 导 入 的 位 图 ， 如 图 7-37 所 示 。 在 舞台 上 绘制 一 个 矩形。 
(4 ) 选中 和 定形， 打开 “信息 ”面板 ， 修 改 息 形 的 尺寸 和 坐标 ， 使 矩形 大 小 与 舞台 
大 小 相同 ， 且 与 舞台 左上 和 角 对 齐 ， 如 图 7-38 所 示 。 图 7-36 ”可 胡 样 式 
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理 拒 形 选项 


图 7-37 ”设置 定形 的 填充 色 图 7-38 ”设置 矩形 大 水 和 位 置 


(5 ) 选择 “渐变 变形 工具 "， 拖 动 变形 中 心 点 到 左上 角 的 位 置 ， 如 图 7-39 所 示 。 使 矩形 完全 使 用 完 
整 的 位 图 填充 ， 然 后 锁定 图 层 1。 


图 7-39 ”修改 矩形 的 填充 方式 


(6 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 ， 新 建 一 个 图 层 。 选 择 工具 箱 中 的 “椭圆 工具 ”， 在 属 
性 面板 上 设置 无 笔触 颜色 ， 填 充 色 为 日 黑 径 向 渐变 ， 按 住 Shift 键 的 同时 拖 动 鼠标 ， 在 舞台 上 绘制 一 个 大 
小 合适 的 圆 形 。 然 后 使 用 “ 洱 变 变形 工具 ”调整 渐变 中 心 点 的 位 置 ， 如 图 7-40 所 示 。 

(7) 选中 国 形 ， 执 行 “ 修 改 ”1 “转换 为 元 件 ” 人 命令 ， 将 选中 的 图 形 转换 为 影 族 剪辑， 名 称 为 
black org。 


(8 ) 选中 舞台 上 的 实例 , 在 属性 面板 上 单 击 “添加 滤 镜 ”按钮 在 弹出 的 滤 镜 列表 中 选择 “投影 ” 合 


人 尔 ”* HH 


令 ， 设置 投影 强度 为 60%， 距 离 为 2， 颜 色 为 黑色 ， 如 图 7-41 所 示 。 此 时 的 实例 效果 如 图 7-42 所 示 。 


渐变 效果 图 7-41 设置 役 影 参数 到 7-42 ”应 用 滤 镜 后 的 效果 


图 7-40 ”调整 


3 ”; 由 于 棋盘 中 的 棋子 是 一 样 的 ， 因 此 可 以 将 黑色 棋子 转换 为 元 件 。 需 要 时 ， 从 “ 库 ”中 扼 
人 By i 放 到 舞台 上 即 可 。 


(9 ) 选中 舞台 上 的 实例 ， 执 行 “ 修 改 ”1 “转换 为 元 件 ” 命 令 ， 将 舞台 上 的 实例 转换 为 影片 剪辑 ， 
名 称 为 black。 

接 下 来 制作 白色 棋子 。 由 于 白 棋 子 的 制作 方法 与 黑色 棋子 基本 相同 ， 只 是 填充 色 不 一 样 ， 因 此 ， 可 
以 复制 影片 艾 辑 black_org 进行 修改 。 

(10) 打开 “ 库 ” 和 面板 ， 右 击 元 件 black_org， 在 弹出 的 快捷 灯 单 中 选择 “和 直接 复制 ”命令 ， 然 后 在 
弹出 的 “直接 复制 元 件 ” 对 话 框 中 输入 元 件 名 称 white org ,如 图 7-43 所 示 。 单 击 “ 确 定 ” 按 钮 关闭 对 话 框 。 

(11) 在 “ 库 ” 面 板 的 元 件 列表 中 双击 复制 的 元 件 名 称 white_ org ， 进 入 元 件 编辑 窗口 。 打 开 “ 颜 色 ” 
面板 ， 修 改元 件 的 填充 色 为 白灰 径 向 渐变 ， 如 图 7-44 所 示 。 然 后 使 用 “渐变 变形 工具 ”调整 渐变 中 心 点 
的 位 置 ， 使 图 形 更 具 立 体感 。 


添加 到 色 板 
图 7-43 “直接 复制 元 件 ” 对 话 杠 图 7_44 ”设置 白 模子 的 填充 效果 


(12 ) 从 “ 库 ”面板 中 将 元 件 white_org 拖 放 到 舞台 上 ， 在 属性 面板 上 单 击 “ 添 加 滤 镜 ”按钮 ， 在 弹 
出 的 滤 镜 列表 中 选择 “投影 ”命令 ， 设 置 投影 强度 为 60%， 距 离 为 2， 颜 色 为 黑色 。 应 用 滤 镜 后 的 实例 
效果 如 图 7-45 所 示 。 

(13 ) 选中 白 棋子 实例 ， 执 行 “修改 ” | “转换 为 元 件 ” 命 令 ， 将 实例 转换 为 影片 剪辑 ， 名 称 为 
white。 然 后 从 “ 库 ” 中 拖 放 多 个 黑白 棋子 实例 到 舞台 上 ， 调 整 它们 的 位 置 ， 效 果 如 图 7-46 所 示 。 


图 7-45 和 白 棋 子 效果 


(14 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 ， 新 建 一 个 图 层 text。 选 择 工具 箱 中 的 “文本 工具 ”， 
在 属性 面板 上 设置 字体 为 “华文 新 魏 "， 大 小 为 70， 颜色 为 橙色 ， 如 图 7-47 所 示 。 在 舞台 上 拖 动 鼠标 给 
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酉 字母 间 8E: 
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图 7-47 设置 文本 属性 图 7-48 输入 又 本 的 效果 


(15 ) 选中 文本 , 在 属性 面板 上 单 击 “添加 滤 镜 ”按钮 , 在 弹出 的 滤 镜 菜单 中 选择 “渐变 和 斜 角 ”命令 ， 
设置 角度 为 210” ， 类 型 为 “外 侧 ”; 单 击 渐变 条 ， 设 置 最 后 一 个 颜色 游标 为 黑色 ， 如 图 7-49 所 示 。 此 时 
的 舞台 效果 如 图 7-35 所 示 。 


图 7-49 ”设置 渐变 斜 角 属性 


(16) 执行 “文件 ”1 “保存 ”命令 ,保存 文件 。 


7.3” 渡 镜 的 基本 操作 


应 用 滤 镜 后 ， 通 常会 匠 时 茶 用 小 镜 以 提高 计算 机 性 能 ， 或 改变 滤 镜 顺序 生成 新 的 视觉 效 有 末 ， 或 将 创 
建 的 滤 镜 效果 应 用 到 其 他 对 象 上 ， 以 提高 工作 效率 。 


7.3.1 禁用、 恢复 滤 镜 


在 对 象 上 应 用 滤 镜 ， 修 改 对 象 时 ， 系 统 会 进行 重 绘 ， 从 而 影响 系统 的 性 能 。 如 果 应 用 到 对 象 上 的 波 
镜 较 多 且 较 复杂 ,修改 对 象 后 , 重 绘 操作 可 能 占用 很 多 计算 机 时 间 。 同样 ,在 打开 这 类 文件 时 也 会 变 得 很 慢 。 

很 多 有 经 验 的 用 户 在 设计 图 像 时 ， 通 常会 先 在 一 个 很 小 的 对 象 上 应 用 各 种 滤 镜 ， 并 查看 效果 ， 设 置 
满意 后 ， 将 滤 镜 临 时 禁用 ， 然 后 修改 对 象 ， 修 改 完毕 后 再 启用 滤 镜 ， 获 得 最 后 的 结果 。 

(1 ) 在 滤 镜 列 表 中 单 击 要 禁用 的 滤 镜 名 称 , 然 后 单 击 属 性 面板 上 的 “启用 或 禁用 滤 镜 ”按钮 图 
滤 镜 名 称 变 为 斜体 ,“ 启 用 或 禁用 滤 镜 ”按钮 图 交 为 国 ， 如 图 7-50 所 示 。 

(2 ) 如 果 要 禁用 应 用 于 对 象 的 全 部 滤 镜 , 单 击 “ 添 加 滤 镜 ”按钮 , 在 弹出 的 下 拉 菜单 中 选择 “禁用 全 
部 ”命令 ， 如 图 7-51 所 示 。 

(3 ) 选择 禁用 后 的 滤 镜 ， 然 后 单 击 属性 面板 上 的 “启用 或 禁用 滤 镜 ”按钮 国 ， 即 可 恢复 滤 镜 。 在 如 
图 7-51 所 示 的 菜单 中 选择 “启用 全 部 ”命令 ， 可 恢复 禁用 的 全 部 滤 镜 。 


,此 时 ， 


三 除 全 部 
局 用 全 部 
莹 用 全 部 


图 7-51 禁用 指定 对 入 上 应 用 的 全 部 滤 镜 


图 7-50 ”禁用 指定 滤 镜 


7.3.2 ”改变 滤 镜 的 应 用 顺序 
一 个 对 象 可 以 应 用 多 个 滤 镜 ， 且 滤 镜 的 应 用 顺序 会 影 啊 对 象 最终 的 显示 效果 。 


8 |; 一 般 而 言 应 先 应 用 改变 对 象 内 部 的 沽 锁 ， 如 和 斜 角 注 镜 ， 然 后 再 应 用 改变 对 象 外 部 外 驳 
太一 的 泪 镜 ， 如 调整 颜色 、 发 光 滤 镜 或 投影 滤 镜 等 。 


(1 ) 在 泪 镜 列表 中 单 击 布 望 改 变 应 用 顺序 的 滤 镜 。 选 中 的 滤 镜 将 局 党 显示 。 
(2 ) 在 滤 镜 列表 中 拖 动 被 选中 的 滤 镜 到 需要 的 位 置 ， 然 后 释放 鼠标 。 


9 浅 镜 列表 中 的 滤 镜 以 从 上 至 下 的 顺序 应 用 于 对 象 。 
! J 工 忆 


例如 ， 图 7-52 (a ) 依次 应 用 了 “调整 颜色 ”和 “发 光 ” 渡 人 简 的 效 灯 ; 在 滤 镜 列表 中 将 “发 光 ” 渡 镜 
拖 放 到 “调整 颜色 ” 滤 镜 之 前 ， 效 果 如 图 7-52 (b ) 所 示 ， 可 以 看 出 两 者 有 较 大 的 区 别 。 


(a) (b) 
图 7-52 不 同 的 滤 镜 应 用 有 顺序 产生 不 同 的 效果 


7.3.3 ”上 机 练 》 制 、 粘 贴 滤 镜 

”在 实际 的 设计 过 程 中 ， 设 计 者 可 能 常常 需要 制作 多 个 外 | 

观 效果 相同 或 相似 的 对 象 ， 如 果 一 个 一 个 地 进行 设置 ， 既 费 ; 了 
如; 殴 园 时 党 力 ， 且 很 可 能 出 错 。 本 节 练 习 使 用 Animate CC 2018 提 | 7-3 上 机 练习 一 一 复制 、 
一 供 的 复制 和 粘贴 滤 镜 功能 ， 轻 松 地 将 一 个 对 象 的 全 部 或 部 分 | 帖 贴 沉 

滤 镜 设置 应 用 到 其 他 对 象 。 通 过 操作 步骤 的 详细 讲解 ， 使 读 

者 熟练 掌握 复制 、 粘 贴 滤 镜 的 操作 方法 。 


站 
9 
[下 


、 国 国 - - ”首先 新 建 一 个 Animate CC 2018 文档 ， 使 用 “文本 工具 ” 输入 文本 ， 旬 然后 添加 “和 针 角 ” 
人 人 同 同 和 “调整 颜色 ” 滤 镜 ,效果 如 图 7-53 (a ) 所 示 。 然 后 复制 “ 儿 角 ”小 镜 ,应 用 于 第 二 个 文本 ， 
本 效果 如 图 7-53 (b ) 所 示 。 最 后 复制 所 有 小 镜 ,应 用 于 第 三 个 文本 ,效果 如 图 7-53(c) 所 示 。 


图 7-53 复制、 粘贴 滤 镜 的 效果 


操 因 步 医 Re 
(1 ) 新 建 一 个 Animate CC 2018 文档 ， 使 用 工具 箱 中 的 “文本 工具 ”在 舞台 上 输入 需要 的 文本 ， 如 
图 7-54 所 示 。 
(2 ) 选中 文本 , 在 “ 滤 镜 ”面板 中 对 文本 依次 应 用 “ 斜 角 ” 和 “调整 颜色 ” 滤 镜 , 参数 设置 如 图 7-55 
(a ) 所 示 。 应 用 滤 镜 后 的 文本 效果 如 图 7-55(b ) 所 示 。 


二 | Ci c 
有 瞳 油 如 漠 淘 注 化 下 
名 


和 车 加 时 


站 下 [放疗 


[加 但 上 


.3E] 
， 
T F 
ON 


CHILD COD 


图 7-54 输入 文本 图 7-55 ” 滤 镜 设置 及 效果 


(3 ) 选择 “文本 工具 ”， 使 用 相同 的 设置 在 舞台 上 输入 “HOOD”， 如 图 7-56 所 示 。 

(4 ) 选择 舞台 上 的 “CHILD” ,并 打开 相应 的 “ 滤 镜 ”面板 。 在 滤 镜 列表 中 选择 要 复制 的 滤 镜 “和 斜 角 ”， 
然后 单 击 “ 滤 镜 ” 面 板 有 上 和 角 的 “选项 ” 按 馈 本 到 ， 在 弹出 的 下 拉 菜 单 中 选择 “复制 选 定 的 滤 镜 ”命令 ， 
如 图 7-57 所 示 。 


夏 制 选 定 的 滤 镜 
复制 所 有 风神 


量 占 滤 请 


用 在 为 预 全 . 
向 辑 预 设 
人 体 控 康 ? 


FOOD 


到 7-56 ”输入 文本 图 7-57 复制 选 定 的 滤 镜 


(5 ) 选择 舞台 上 要 应 用 滤 镜 的 文本 对 象 “HOOD”， 然 后 单 击 “ 滤 镜 ”面板 右上 角 的 “选项 ”按钮 


医 芭 ， 在 弹出 的 下 拉 菜 单 中 选择 “粘贴 滤 镜 ”命令 ， 如 图 7-58 (a ) 所 示 。 即 可 将 选中 的 “和 斜 角 ” 滤 镜 应 
用 于 所 选 文本 ， 效 果 如 图 7-38 (b ) 所 示 。 
(6 ) 选择 “文本 工具 ”， 使 用 相同 的 设置 在 舞台 上 输入 “TIMES”， 如 图 7-59 所 示 。 


HOOD TIMES 


图 7-58 粘贴 滤 镜 及 效果 


到 7-59 ”输入 文本 


(7 ) 选择 舞台 上 的 “CHILD”， 并 打开 相应 的 “ 滤 镜 ”面板 。 单 击 “ 滤 镜 ” 面 板 右上 角 的 “选项 ” 按 
钮 柜台 ， 在 弹出 的 下 拉 菜 单 中 选择 “复制 所 有 滤 镜 ”命令 ， 如 图 7-60 所 示 。 

(8 ) 在 舞台 上 单 击 “TIMES"， 然 后 单 击 “ 滤 镜 ” 面 板 右上 角 的 “选项 ”按钮 棋 到 ， 在 弹出 的 下 拉 
菜单 中 选择 “粘贴 滤 镜 ”命令 ， 即 可 将 “和 斜 角 ” 和 “调整 颜色 ” 滤 镜 都 应 用 于 所 选 文本 ， 效 果 如 图 7-61 
所 示 。 


备 制 所 有 波 箭 


粘贴 滤 镜 、 


品质 - 另存 为 预 设 
阴影 编辑 预 设 ， 


加 高 显示 rt 
2 y 三 


用 层 


TIAAES 


图 7-60 ”复制 所 有 滤 镜 图 7-61 粘贴 所 有 滤 镜 后 的 效果 


7.3.4 ”删除 滤 僻 


(1 ) 选中 要 删除 滤 镜 的 影片 剪辑 、 按 钮 或 文本 对 象 。 

(2 ) 打开 对 应 的 属性 面板 ， 在 滤 镜 列表 中 单 击 要 删除 的 滤 镜 名 称 。 

(3 ) 单 击 滤 镜 面板 上 的 “删除 小 镑 ” 按 馈 国 。 

若 要 从 所 选 对 象 中 删除 全 部 滤 镜 , 单 击 “添加 滤 镜 ” 按 包 国 |, 在 弹出 的 下 拉 菜单 中 选择 “删除 全 部 ” 


命令 。 


7.3.$ ”创建 滤 镜 预 设 库 


如 末 布 望 将 同一 个 滤 镜 或 一 组 滤 镜 设置 应 用 到 其 他 多 个 对 象 ， 可 以 将 编辑 好 的 滤 镜 或 滤 镜 组 保存 为 
预 设 滤 镜 。 

(1 ) 选中 应 用 了 滤 镜 或 滤 镜 组 的 对 象 ， 如 图 7-62 所 示 的 文本 。 在 “ 滤 镜 ”面板 上 选中 要 保存 为 预 设 
的 滤 镜 组 ， 然 后 单 击 右 上 角 的 “选项 ”按钮 。 


将 滤 镜 男 存 为 预 设 滤 镜 ， 可 以 将 一 个 对 象 上 应 用 的 所 有 演 镜 应 用 到 其 他 对 象 ， 但 不 能 复 
”注意 。 制 对 象 上 的 部 分 汪 错 。 


(2 ) 在 弹出 的 下 拉 有 于 单 中 选择 “ 男 存 为 预 设 ” 售 令 ， 弹出 “将 预 设 男 存 为 ”对 话 框 ,如 图 7-63 所 示 。 


yy 


图 7-62 ”应 用 滤 镜 后 的 区 本 图 7-63 “将 预 假 另存 为 ”对 十 杠 


43 ) 输入 预 设 名 称 〈《 如 “立体 投影 ) 单 击 “确定 ”按钮 关闭 对 话 杠 。 
此 时 , “选项 ”下拉 六 单 上 即 会 显示 添加 的 预 设 滤 错 ,如 图 7-64 所 未 。 以 后 在 其 他 对 和 象 上 使 用 该 滤 人 错时 ， 
百 接 单 击 “ 选 项 ” 投 钮 ， 在 弹出 的 下 拉 沫 单 中 选择 相应 的 滤 镜 名 称 即 可 ， 如 图 7-65 所 示 。 


En Be 


图 7-65 应 用 预 设 滤 镜 前 后 的 效果 


: 将 预 设 滤 镜 应 用 于 对 象 时 ，Animate CC 2018 会 将 应 用 于 所 选 对 象 的 所 有 滤 镜 蔡 换 为 巴 
”注意 。 设 中 使 用 的 滤 镜 。 


此 外 ， 在 “选项 ”下 拉 沫 单 中 通过 “编辑 预 设 ”命令 重 命 名 或 删除 预 设 滤 镜 ， 但 不 能 重 命 名 或 删除 
标准 Animate CC 2018 滤 镜 。 


7.4 IT 只 混合 模式 


混合 模式 就 像 调 酒 ， 将 多 种 原料 混合 在 一 起 产生 更 丰 蜗 的 口味 。 至 于 口味 的 喜好 、 浓 痰 ， 取 决 于 放 
人 各 种 原料 的 多 少 以 及 调制 的 方法 。 在 Animate CC 2018 中 ， 使 用 混合 模式 ， 可 以 自由 发 挥 创意 ， 改 变 
两 个 或 两 个 以 上 重 炙 对 象 的 透明 度 或 者 颜色 相互 关系 ， 制 作出 层次 丰富 、 效 果 奇 特 的 合成 图 像 。 

一 个 混合 模式 包含 四 种 元 系 : 混合 颜色 、 不 透明 度 、 基 准 颜 色 和 结 末 颜色 。 

外 混合 颜色 : 填充 工具 的 填充 色 或 将 要 应 用 混合 模式 的 图 层 已 有 的 色彩 。 

所 不 透明 度 : 应 用 于 混合 模式 的 透明 度 。 


9 基准 颜色 : 混合 颜色 下 的 像素 的 颜色 。 
9 结果 颜色 : 基准 颜色 混合 后 的 色彩 效果 。 


对 于 任何 混合 模式 来 说 ， 必 须 有 至 少 两 个 对 象 或 痢 两 个 包 侣 像素 的 图 层 。 混 合 模式 的 结 采 取决 于 每 


一 个 对 象 上 的 像素 如 何 通过 选择 的 模式 发 生变 化 。 
7.4.1 ”并 加 混合 模式 
(1 ) 选择 要 应 用 混合 模式 的 影片 剪辑 实例 或 按钮 实例 。 


在 Animate CC 2018 中 ， 混 合 模式 只 能 应 用 于 影片 曾 辑 和 按钮 。 


(2) 展开 “属性 ”面板 中 的 “显示 ”区 域 ， 在 “混合 模式 ”下 拉 列 表 中 ， 选 择 要 应 
按钮 的 混合 模式 ， 如 图 7-66 所 未。 


上 | 


详 例 : 元 件 2 
hb 人 位置 和 六 中 
3D 定位 和 视图 


图 7-66 旋 怪 混合 模式 


和 一 般 : 正 第 应 用 颜色 ， 不 与 基准 颜色 有 相互 关系 。 
ole 

: 只 着 换 比 混合 颜色 亮 的 区 域 ， 比 混合 凑 色 瞳 的 区 域 不 变 。 

gp pt 从 而 产生 较 瞳 的 颜色 。 

变 亮 : 只 替换 比 混 合 颜色 瞳 的 像素 ， 比 混合 颜色 亮 的 区 域 不 变 。 

: 用 基准 颜色 复合 以 混合 颜色 的 反 色 ， 从 而 产生 漂白 效果 。 

二 加 : 进行 色彩 增值 或 滤 色 ， 具 体 情 况 取 决 于 基准 颜色 。 


用 于 影片 勇 辑 或 


强 光 : 进行 色彩 增值 或 滤 色 ， 具 体 情 况 取决 于 混合 模式 颜色 。 效 果 类 似 于 用 点 光源 照射 对 象 。 


增加 : 在 基准 颜色 的 基础 上 增加 混合 颜色 。 
减 去 : 从 基准 颜色 中 去 除 混合 颜色 。 


“Ler 
床 
中 


差 值 : 从 基准 颜色 减 去 混合 颜色， 或 者 从 混合 颜色 减 去 基准 颜色 ， 具 体 情 况 取决 于 哪 种 颜色 的 觉 


度 值 较 大 。 效 果 类 似 于 彩色 底片 。 
和 反 相 : 取 基 准 颜色 的 反 色 。 
所 Alpha: 应 用 Alpha 谴 章 层 。 
9 擦 除 ; 删除 所 有 基准 颜色 像素 ， 包 括 背 景 图 像 中 的 基准 颜色 像素 。 


一 种 混合 模式 可 产生 的 效果 会 很 不 相同 ， 具 体 情况 取决 于 基础 图 像 的 颜色 和 应 用 的 混合 | 
区 模式 的 类 型 。 因 此 ， 要 调制 出 理想 的 图 像 效 果 ， 可 能 需要 多 次 试验 影片 剪辑 或 按钮 的 颅 色 、| 
”入 总 。 透明 度 以 及 不 同 的 混合 模式 。 


7.4.2 上 机 练习 一 一 花灯 


、 续 辐 全 用 人 机 太太 利信 苍 末 ， 记 这 训 人 人 
村 目 | 标 细 讲 解 ， 使 读者 进一步 了 解 混合 模式 的 效果 ， 并 学 会 使 用 混合 
| 他 建站 兴 的 国 你 。 . 


: 首先 新 建 一 个 Animate CC 2018 文档 ， 使 用 辅助 线 工 具 将 将， 

国人 妆 。 年 台 均 分 为 四 等 份 ， 便 于 对 齐 图 形 。 然 后 使 用 “下 形 工具 ”给 
制 红 形 ， 并 填充 径 向 渐变 。 接 下 来 将 纸 形 转换 为 影片 剪辑 ， 复 
一 一 |; 制 并 旋转 实例 ， 最 后 通过 为 实例 添加 “ 变 亮 ”混合 模式 创建 最 : 
终 效果 ， 如 图 7-67 所 示 。 : 


| 
[| 


图 7-67 ”最终 效果 


时 四 下 图 址 

(1 ) 新建 一 个 Animate CC 2018 文件 ， 舞 台大 小 为 400 像素 x 400 像素 ， 颜 色 为 日 色 。 

(2 ) 执行 “视图 | “标尺 ” 傅 令 ， 显示 标尺 。 

(3 ) 执行 “视图 ”1 “辅助 线 ”1 “编辑 辅助 线 ” 命 令 ,在 弹出 的 对 话 框 中 选中 “显示 辅助 线 ” 和 “ 贴 
紧 至 辅助 线 ” 选 项 ， 如 图 7-68 所 示 。 Peep “确定 ”按钮 关闭 对 话 框 。 

(4) 拖 出 水 平和 垂直 两 条 辅助 线 ， 将 舞台 平分 为 四 等 份 ， 如 图 7-69 所 示 。 

(5 ) 选择 工具 箱 中 的 “ 算 形 工具 ”, 设置 笔触 颜色 “无 ", 填充 色 任 意 , 绘制 一 个 大 小 为 200 像 系 x 200 
像素 、 左 上 角 与 舞台 左上 角 对 齐 的 和 矩形， 如 图 7-70 所 示 。 
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图 7-68 “辅助 线 ” 对 十 框 图 7-69 添加 辅助 线 图 7-70 给 制定 形 


(6) 选中 定形 的 填充 区 域 ,执行 “窗口 ”1 “颜色 ”命令 ,打开 “颜色 ”面板 。 设 置 “ 颜 色 类 型 ”为 “ 径 
癌 渐 变 ”"， 第 一 个 游标 的 颜色 为 员 色 ， 第 二 个 游标 的 颜色 为 红色 。 短 形 的 填充 效 末 如 图 7-71 所 示 。 

(7) 选中 和 矩形, 按 住 Alt 键 抑 动 矩形 至 其 他 三 个 矩形 区 域 。 然 后 选中 四 个 矩形 ,执行 “修改 ”1 “ 转 
换 为 元 件 ” 命 令 ， 在 弹出 的 对 话 框 中 设置 元 件 类 型 为 “影片 剪辑 ”"。 此 时 的 和 舞台 效果 如 图 7-72 所 示 。 

(8 ) 执行 “编辑 ”1 “复制 ”命令 和 “编辑 ” | “粘贴 到 当前 位 置 ” 命 令 ， 复 制 并 粘贴 一 个 元 件 。 

(9) 执行 “修改 ”1 “变形 ”| “缩放 和 旋转 ”命令 ， 在 弹出 的 “缩放 和 旋转 ”对 话 框 中 设置 旋转 
角度 为 30， 如 图 7-73 所 示 。 单 击 “ 硝 定 ” 按 钮 ， 舞 台 效 采 如 图 7-74 所 未 。 


图 7-71 填充 效果 图 7-72 复制 矩形 图 7-73  “ 缔 放 和 旋转 ”对 话 框 


(10 ) 打开 属性 面板 , 在 “显示 ”区 域 设置 “ 混 合 模式 ”为 “ 变 亮 *,， 此 时 的 效果 如 图 7-75 所 示 。 
(11 ) 重复 (9) ~ (10) 步 的 操作 ,效果 如 图 7-76 所 示 。 执 行 “ 视 图 ”1 “辅助 线 ” 1 “显示 辅助 线 ” 


命令 ， 隐藏 辅助 线 ， 最 终 效果 如 图 7-67 所 示 。 


图 174 ”图 形 效 果 图 7-75 ” 变 亮 效 果 图 /7-76 ”混合 模式 


7.5 ”实例 精 讲 一 一 变幻 的 画 框 


:本 节 练 习 使 用 滤 镜 效果 和 传统 补 间 动 画 制作 一 个 动感 画 

-和 练 =] : 框 ， 通过 操作 步骤 的 详细 讲解 ， 使 读者 进一步 掌握 使 用 混合 模 : 
夺目 式 美化 图 形 的 方法 ， 以 及 学 会 使 用 补 间 动 画 让 应 用 的 混合 模式 
“ 动 ”起 来 的 方法 。 : sie 


[| 


: ”首先 打开 一 个 Animate CC 2018 文档 ， 于 下 然后 在 复制 的 
AN， 设计 ;实例 上 添加 混合 模式 ， 并 修改 不 同 关键 帧 中 的 实例 色彩 效果 ， 最后 在 关键 由 之 问 创建 
”图 圈 :传统 补 间 关 系 ， 最 终 效果 如 图 7-77 所 示 。 和 画 框 中 的 图 片 色调 不 停 变 化 ， 五光十色， 很 


图 7-77 第 10 帆 、15 帧 和 20 顶 的 效果 


探 因 步 轿 

(1) 执行 “文件 ”1 “打开 ”命令 ， 打开 7.2.5 节制 作 的 画 框 。 右 击 图 层 pic 第 1 帧 ， 在 弹出 的 快捷 
菜单 中 选择 “复制 帧 ”命令 。 

(2 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 ， 插 入 一 个 新 的 图 层 pic_ copy。 右 击 第 1 帧 ， 在 弹出 的 
快捷 菜单 中 选择 “粘贴 帧 ”命令 ， 然 后 将 图 层 pic_copy 拖 放 到 图 层 frame 下 方 ， 此 时 的 效果 如 图 7-78 所 示 。 

(3 ) 分 别 右 击 图 层 frame 和 图 层 pic 的 第 20 帧 ， 从 弹出 的 快捷 菜单 中 选择 “ 插 人 帧 ”命令 ， 并 将 这 
两 层 锁定 。 

(4 ) 右 击 图 层 pic_copy 的 第 $S 帧 ， 从 弹出 的 快捷 染 单 中 选择 “ 搬 人 关键 帧 ”命令 。 

接 下 来 为 图 层 放 加 混合 模式 。 

(5 ) 在 舞台 上 单 击 影片 剪辑 , 然后 在 属性 和 面板 上 单 击 “显示 ” 折 羡 按钮 , 在 “混合 ”下 拉 列 表 中 选择 
“正片 车 底 ”选项 ， 如 图 7-79 所 示 。 
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图 7-78 ”调整 影片 剪辑 的 位 置 图 7-79 选择 混合 模式 


(6) 在 属性 面板 上 单 击 “ 色 彩 效 末 ” 折 登 按钮 展开 面板 ,在 “样式 ”下 拉 列 表 中 选择 颜色 样式 为 “ 色 
调 ”, 然后 单 击 “ 样 式 ” 石 侧 的 颜色 块 , 在 弹出 的 色 板 中 选择 黄色 ， 色 调 ” 为 52%, 如 图 7-80 所 示 。 此 时 ， 
画面 的 色调 变 为 浅黄 色 ， 如 图 7-81 所 示 。 


图 7-80 ”设置 色调 参数 图 7-81 应 用 色调 后 的 效果 


同一 种 混合 模式 由 于 基础 图 像 的 颜色 或 透明 度 的 不 同 ， 可 能 产生 的 效果 也 会 很 不 相同 。 
因此 ， 要 调制 出 理想 的 图 像 效果 ， 必 须 多 次 试验 不 同 的 颜色 和 混合 模式 。 


(7 ) 在 第 10 帧 按 F6 键 插 人 关键 帧 ,然后 按照 第 (6 ) 步 的 方法 设置 一 种 不 同 的 色调 和 着 色 量 。 同 理 ， 
在 第 15 帧 和 第 20 帧 插入 关键 帧 ， 并 设置 混合 模式 。 

(8 ) 右 击 第 1 帧 ~ 第 5 帧 之 间 的 任意 一 帧 ,从 弹出 的 快捷 茉 单 中 选择 “创建 传统 补 问 ”命令 ; 同样 的 方 
法 ,在 第 5 帧 ~ 第 10 帧 , 第 15 帧 ~ 第 20 帧 之 间 创 建 传统 补 间 动 画 。 

(9 ) 保存 动画 。 然 后 按 Ctrl + Enter 键 测 斌 动画， 效果 如 图 7-77 所 示 。 


7.6 侣 疑 解 惑 


1. 选中 了 舞台 上 的 一 个 对 象 ， 为 什么 不 能 使 用 滤 镜 功能 ? 

答 : 除 文 字 以 外 ， 其 他 实例 或 对 象 必 须 转换 为 影片 前 避 后 才能 使 用 滤 镜 功能 。 

2. 为 什么 要 把 舞 合 上 的 图 片 转换 为 影片 剪辑 元 件 才 能 使 用 混合 模式 ? 

答 : 在 Animate CC 2018 中 ,混合 模式 只 能 在 影片 藤 蛋 和 按钮 上 使 用 。 也 就 是 说 ， 普 通 形 状 、 位 图 和 
文字 等 都 要 事先 转换 为 影片 藤 蛋 或 按钮 才 可 以 。 


7.7 ”学习 效果 目测 


1. 为 文本 添加 滤 镜 ， 下 面 说 法 正确 的 是 ( ) 
A. 文本 分 离 两 次 后 还 可 以 添加 滤 镜 B. 文本 分 离 一 次 后 还 可 以 添加 滤 镜 
C. 文本 分 离 后 不 可 添加 滤 镜 D. 文本 不 可 以 添加 滤 镜 

2. 将 过 于 鲜艳 的 图 片 处 理 成 正常 范围 ， 要 降低 调整 颜色 的 ) 参数 。 
A. 饱和 度 B. 亮度 C. 对 比 度 D. 色相 


3. 混合 模式 可 以 应 用 到 ( ) 对 象 中 。 
A. 影 厂 剪 辑 B. 文本 C. 位 图 D. 按钮 


对 多 OE@ 


动画 的 制作 实际 上 就 是 改变 连续 帧 的 内 容 的 过 程 。 不 同 的 帧 代表 
不 同 的 时 刻 ， 画 面 随 着 时 间 的 变化 而 改变 ， 就 形成 了 动画 。 逐 帧 动画 : 
就 是 利用 人 有 眼 的 视觉 暂 留 性 ， 在 每 一 帧 上 创建 一 个 不 同 的 画面 ， 连 续 
的 帧 组 合成 连续 变化 的 动画 。 利 用 这 种 方法 制作 动画 ， 需 要 投入 相当 
dln op dataset 
每 一 帧 都 进 站 行 绘 和 ， 所 以 动画 变化 的 过 程 非常 准确 、 细腻 。 
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8.1 逐 帧 绘制 动画 


| 
在 使 用 计算 机 制作 动画 之 前 的 时 代 ， 动 画师 制作 动画 害 要 半 吉 地 在 每 个 巾 中 创建 单独 的 图 像 ， 并 在 
每 个 图 像 之 间 和 微 地 进行 一 些 变 化 以 获得 移动 的 效 末 。 逊 帧 动画 的 工作 方式 写 此 相同 。 
(1) 在 起 始 空 日 关键 帧 中 创建 图 像 ， 内 容 可 以 是 前 态 的 图 片 、 用 画笔 绘制 的 各 种 矢量 图 形 、 文 字 ， 
也 可 以 导入 使 用 外 部 图 像 处 理 软 件 制 作 好 的 GIF 动画 。 
(2 ) 在 下 一 帧 插 和 人 关键 帧 ， 使 用 修改 工具 修改 图 形 外 观 或 位 置 。 
(3 ) 重复 上 一 步 ， 创 建 连续 关键 帧 。 
创建 逐 帧 动画 存在 一 个 问题 。 由 于 每 个 帧 虱 害 要 填充 和 前 一 帧 不 同 的 内 容 ， 
因此 需要 创建 大 量 的 图 像 , 工作 量 非 常 大 。 此 外 ,由 于 每 一 帧 的 内 容 部 是 独立 的 ， 
计算 机 需要 存储 每 一 帧 的 信息 ， 因 此 逐 帧 动画 生成 的 文件 比较 大 。 
8-1 上 机 练习 一 一 写字 


8.1.1 上 机 夭 导 已 学 效 来 效果 


二 生 辐 |】 ”不 闻 全民 生字 扩 这 科 ， 文 字 一 和 一 这 济 站 现在 如 上 、 遂 过 对 实 们 当 人 人 
Ne 和 法 的 具体 讲解 ， 使 读者 掌握 逐 想 动画 的 制作 原理 和 方法 。 


[| 
bh 


设计 : 首先 使 用 “文本 工具 ”制作 一 个 文本 并 打 散 ， 0 0 然 
fe 启 品 后 从 最 后 一 帧 开始 ， 逐 帧 反 向 擦 除 笔画 的 一 部 分 ， 直 到 完全 擦 除 。 最 终 效果 是 “ 帧 * 
字 出 现在 舞台 上 ， 然 后 消失 ， 再 从 无 到 有 一 笔 一 画 “ 写 ”出 来 ， 如 图 8-1 所 示 。 : 


中 
PT 


梧 作 尼 可 驼 地 


(1) 执行 “文件 ”1 “新 建 ”命令 ， 新 建 一 个 ActionScript 3.0 文档 ， 舞 台 宽 度 为 300 像素 ， 高 度 为 
260 像素 ， 其 余 选 项 保留 默认 设置 。 

oem 可 以 在 舞台 上 显示 网 格 。 

(2 ) 执行 “视图 ”1 “网 格 ”1 “显示 网 格 ” 命 令 ,在 舞台 上 显示 网 格 。 网 格 宽度 和 高 度 均 为 10 像素 ， 
本 执行 ee | “网 格 ” | “编辑 网 格 ” 命 令 ， 弹 出 “网 格 ” 对 话 框 。 在 eg 
和 四 右 侧 的 文本 框 中 输入 8， 将 网 格 的 宽度 和 高 度 设置 为 8 像素 。 

(3 ) 单 击 绘图 工具 箱 中 的 “文本 工具 ”按钮 国 ， 在 属性 面板 上 设置 字体 为 隶书 、 字 号 为 180， 然 后 
在 舞台 上 输入 “ 帧 ” 字 。 

(4) 选中 文字 ， 执 行 “修改 ”1 “分 离 ” 命 令 ， 将 文字 打 散 。 然 后 执行 “窗口 ”1 “颜色 ”命令 ， 
在 弹出 的 “颜色 ”面板 中 设置 颜色 类 型 为 “线性 渐变 "， 渐 变 颜色 为 红色 (三 00 ) 到 蓝 色 (#009 ) 渐变 。 


ml 


图 8-2 输入 又 字 并 设置 填充 样式 


(5) 石 击 第 2 帧 ~ 第 30 巾 ,从 弹出 的 快捷 荣 单 中 选择 “转换 为 天 键 巾 ”命令 ,将 第 2 帧 ~ 第 30 帧 
都 转化 为 天 键 帧 。 

(6 ) 选中 第 30 帧 ， 然 后 选择 绘图 工具 箱 中 的 “橡皮 擦 工 具 ” 图 , 将 “ 帧 ” 字 按 照 写字 的 先后 顺序 ， 
从 最 后 一 笔 肥 癌 探 挥 一 部 分 ， 如 图 8-3 i 


(7) 选中 第 29 帆 ， 利 用 “橡皮 探 工 具 ” 进 一 步 反 问 探 除 一 部 分 笔 男 ， 如 图 8-4 所 示 。 为 了 使 擦 出 部 
分 更 加 准确 ， 可 以 局 用 绘图 纸 工具 。 
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图 8-3” 擦 除 笔画 


(8 ) 使 用 同样 的 方法 探 除 其 他 帧 中 的 笔画 ， 将 “ 帧 ” 字 在 第 10 帧 时 刚好 完全 探 除 。 


©。 在 笔画 的 交叉 处 ， 擦 除 其 中 一 个 笔画 时 不 要 破坏 田 一 个 笔画 的 完整 性 。 


(9) 石 击 第 4 帧 ~ 第 10 巾 ,在 弹出 的 快捷 灯 单 中 选择 “清除 天 键 帆 ”命令 ， 将 选中 贝 对 应 的 文字 全 
部 探 除 。 剩 下 的 3 帧 不 进行 擦 除 。 
(10 ) 按 Ctrl+Enter 键 测试 影片 ， 效 果 如 图 8-1 所 示 。 


8.1.2 ” 导 人 图片 制作 动画 


逐 帧 动画 每 一 帧 的 内 容 可 以 是 静态 的 图 片 、 和 天 量 图 形 、 文 字 ， 也 可 以 是 寻 和 的 GIF 动画 。 
(1) 执行 “文件 |“ 导入” | “ 寻 人 到 舞台 ”命令 。 

(2 ) 在 弹出 的 “守信 ”对 话 框 中 选择 一 幅 GIF 动画 文件 。 

(3 ) 单 击 “ 打 开 ”按钮 ， 关 闭 对 话 框 。 

此 时 ， 在 时 间 轴 上 可 以 看 到 自动 生成 的 逐 帧 动画 。 


8.1.3 ”上 机 练习 一 一 绽放 的 化 坟 


CT 
= 辐 咒 “动画 ， 读 者 可 以 从 中 掌握 制作 逐 帧 动画 的 一 种 简单 方法 。 


和 


设计 。 首先 导入 一 幅 位 图 作为 背景 图 像 ， 并 导入 一 系列 图 像 到 库 中 。 然 后 依次 将 帧 转换 ， 
2 为 关键 帧 ,并 树 入 导入 的 图 像 。 插 入 图 像 时 ,要 注意 图 像 的 位 置 一 致 。 最 终 效果 的 第 1 帧 、， 
下 第 3 帧 和 第 7 帧 如 图 8-5 所 示 。 : 


a 
[| 


图 8-5 ”动画 效果 


1 
操 转 步 国 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 个 
(1 ) 执行 “文件 ”1 “新 建 ” 命 令 ， 在 弹出 的 “新 建文 档 ” 对 话 框 中 选择 “常规 ”选项 卡 ， 文 件 类 
型 选择 “ActionScript 3.0"”， 然 后 单 击 “ 确 定 ”按钮 。 
(2 ) 执行 “文件 ”1 “导入 ”1 “ 导 人 到 舞台 ”命令 ， 在 弹出 的 对 话 杠 中 选中 一 幅 背 景 图 片 。 选 中 
舞台 上 的 图 片 ， 打开“ 信息 ”面板 ， 修 改 图 片 尺寸 与 坐标 ， 使 图 片 大 小 与 舞台 大 小 相同 ， 且 左上 角 对 齐 ， 
如 图 8-6 所 示 。 


图 8-6。 异 入 的 背 时 图 请 


(3 ) 右 击 第 7 帧 ， 从 弹出 的 快捷 沫 单 中 选择 “插入 帧 ”命令 ， 将 帧 扩展 到 第 7 帧 。 

(4) 执行 “文件 ”1 “导入 ”1 “导入 到 库 ” 命 令 , 在 弹出 的 对 语 框 中 选中 需要 寻 和 人 的 图 片 文件 , 如 
图 8-7 所 示 。 单 击 “ 打 开 ” 按 钮 导入 7 张 图 片 。 

(5 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 , 新建 一 个 图 层 。 选 中 图 层 的 第 1 帧 , 执行 “窗口 ” | 
“ 库 ” 命 令 , 打开 “ 库 ” 浮 动 面板 。 将 第 (4) 步 导 入 的 编写 为 1 的 图 片 拖 人 舞台 , 调整 图 片 位 置 , 如 图 8-8 
所 示 。 
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图 8-8 第 1 怖 的 舞台 效果 


(6) 右 击 图 层 2 的 第 2 帧 ， 在 弹出 的 快捷 菜单 中 选择 “转换 为 空 日 关键 帧 ”命令 。 然 后 在 “ 库 ” 
板 将 编号 为 2 的 图 片 拖 放 到 舞台 上 ， 调 整 图 片 位 置 ， 使 其 与 第 1 帧 的 位 置 相 同 ， 如 图 8-9 所 示 。 


图 8-9 第 2 怖 的 舞台 效果 


(7) 按照 第 (6 ) 步 的 操作 方法 分 别 将 其 他 5 帧 转换 为 空 日 关键 帧 ， 并 依次 拖 人 其 他 5 张 图 片 。 调 整 
图 片 位 置 ， 与 第 1 帧 的 位 置 相 同 。 第 7 帧 的 舞台 效果 如 图 8-10 所 示 。 

此 时 按 Enter 键 预 览 动画 ， 由 于 播放 太 快 ， 看 不 到 花 末 绽放 的 过 程 。 接 下 来 设置 影片 的 播放 速度 。 

(8 ) 单 击 舞 台 的 空白 处 ， 然 后 在 属性 面板 上 的 “FPS” 文 本 框 中 输入 5， 如 图 8-11 所 示 。 即 设置 影 
片 的 播放 帧 频 为 5 fps。 
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画 8-10 ”第 7 帧 移 舞 自 效 果 图 8-11 修改 帧 频 


(9) 执行 “文件 ”| “保存 ”命令 保存 文件 。 


8.2 ”实例 精 讲 一 一 房产 公司 广告 


利用 逐 帧 动画 的 制作 方法 可 以 制作 出 很 多 特殊 效果 的 动 
画 。 本 节 练 习 制作 一 个 简单 的 房产 公司 广告 。 通 过 对 实例 操作 
步 台 的 详细 讲解 ,使 读 者 熟练 掌握 逐 帧 动画 的 制作 方法 与 技巧 
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首先 新 建 一 个 Animate CC 2018 文档 ， 背 景色 为 黑色 。 然 后 导入 一 幅 背 景 图 像 ， : 
AN ， 赔钱 《通过 将 背景 图 像 转换 为 元 件 ， 并 逐 帧 设置 实例 的 Alpha 值 ， 实 现 背 景 图 像 逐 渐 显 现 的 
MW 效果 。 接 下 来 使 用 同样 的 方法 ， 将 文本 转换 为 元 件 ， 逐 帧 设置 实例 的 Alpha 值 和 坐标 
位 置 ， 实 现 文本 淡 入 的 效果 ， 最 终 效 果 如 图 8-12 所 示 。 
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图 8-12 某 一 帧 的 广告 效果 图 


探 因 步 区 她 
(1 ) 执行 “文件 ”| “新 建 ” 命 令 ， 新 建 一 个 Animate CC 2018 文档 (ActionScript 3.0 )， 舞 台大 小 
为 960 像素 x 380 像素 ， 育 景色 为 黑色 。 
(2 ) 将 当前 图 层 重 命 名 为 bg, 执行 “文件 ”1 “导入 ”1 “导入 到 舞台 ”命令 ,导入 一 幅 痛 景 图 像 。 
调整 背景 图 的 大 小 和 位 置 ， 使 图 像 左 上 和 角 与 舞台 左上 角 对 齐 ， 效 果 如 图 8-13 所 示 。 


图 8-13 ”导入 的 背 蚜 图像 效果 


由 于 接 下 来 要 设置 图 像 的 色彩 效果 制作 背景 淡 入 的 动画 ， 因 此 ， 应 先 将 图 像 转换 为 元 件 。 

(3 ) 选中 育 景 图 像 ， 执 行 “修改 ”1 “转换 为 元 件 ” 命 令 ， 在 弹出 的 “转换 为 元 件 ” 对 话 框 中 输入 
元 件 名 称 view， 类 型 为 “图 形 ”， 如 图 8-14 所 示 。 

(4) 选中 第 1 帧 的 实例 ,打开 属性 面板 ,在 “色彩 效果 ”区 域 的 “样式 ”下 拉 列 表 中 选择 Alpha, 值 为 
0， 如 图 8-15 所 示 。 此 时 ， 舞 人 台 上 的 背景 不 可 见 。 


图 8-14 设置 “转换 为 元 件 ” 对 话 框 图 8-15 ”设置 实例 的 色彩 效果 


(5 ) 将 第 2 帧 转换 为 关键 帆 ， 选 中 第 2 帆 的 实例 ， 按照 第 (4) 步 同 样 的 方法 , 设置 Alpha 值 为 5%; 
第 3 帧 实例 的 Alpha 值 为 10%; 依 此 类 推 ， 直 到 第 21 帧 实例 的 Alpha 值 为 100%。 然 后 在 第 90 帧 按 FS 
键 插入 扩展 帧 。 

此 时 拖 动 播放 头 预 览 动画 ， 可 以 看 到 背景 图 像 逐 渐 显 现 。 

(6 ) 单 击 图 层面 板 左下 角 的 “新 建 图 层 ” 按 钮 ， 新 建 图 层 title。 选 中 第 23 帧 ， 按 F6 键 转换 为 关键 
帧 ， 然 后 在 工具 箱 中 选择 “文本 工具 ”， 按 照 图 8-16 设置 文本 属性 ， 在 舞台 上 输入 文本 “Upsgrade your 
life 。 

(7 ) 选中 输入 的 文本 ， 执 行 “ 修 改 ” 1 “转换 为 元 件 ” 命 令 ， 将 文本 转换 为 图 形 元 件 title。 然 后 在 
第 23 帧 将 文本 实例 拖 放 到 舞台 右 侧 , 在 属性 面板 上 设置 实例 的 Alpha 值 为 0%, 此 时 的 舞台 效果 如 图 8-17 
所 示 。 
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图 8-16 设置 多 本 属性 图 8-17 第 23 帧 的 舞 自 效果 


(8 ) 将 第 24 帧 转换 为 关键 是， 选中 第 24 帧 的 实例 ， 在 属性 面板 上 设置 Alpha 值 为 5%， 并 使 用 方 辣 
键 癌 左 移动 10 像素 ; 第 25 帧 实例 的 Alpha 值 为 10%， 同 左 移动 10 像 系 ; 依 此 类 推 ， 和 十 到 第 43 帧 实例 
的 Alpha 值 为 100%， 实 例 移 到 舞台 中 间 位 置 ， 效 果 如 图 8-18 所 示 。 


图 8-18 ”第 43 顶 前 舞台 效果 


(9 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 近 和 钮 ,新 建 图 层 item1。 选 中 第 50 帆 , 按 F6 键 转换 为 关键 帧 ， 
然后 在 工具 箱 中 选择 “文本 工具 ”"， 按 照 图 8-19 设置 文本 属性 ， 在 舞 合 上 输入 文本 ， 效 果 如 图 8-20 所 示 。 
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图 8-19 设置 久 本 属性 图 8-20 ”输入 文本 后 的 效果 


(10 ) 选中 输入 的 文本 ,执行 “修改 ”1 “转换 为 元 件 ” 命 令 ， 将 文本 转换 为 图 形 元 件 item_ 01。 然 
后 在 属性 面板 上 设置 实例 的 Alpha 值 为 0%。 

(11 ) 将 第 51 帆 转 换 为 关键 帧 ， 选 中 第 51 帧 的 实例 ， 在 属性 面板 上 设置 Alpha 值 为 5%， 并 使 用 方 
向 键 向 左 移动 5 像素 ; 第 52 帧 实例 的 Alpha 值 为 10%， 向 左 移动 5 像素 ; 依 此 类 推 ， 直 到 第 70 帧 实例 


本 人 位置， 效果 如 图 8-21 所 示 。 
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图 8-21 第 70 帧 的 实例 效果 


(12 ) 单 击 图 层面 板 左 下 和 角 的 “新 建 图 层 ” 按 钮 ， 新 建 图 层 item2。 选 中 第 60 帆 (此 时 实例 item 01 
半 透 明显 示 )， 按 F6 键 转 换 为 关键 帧 ， 然 后 在 工具 箱 中 选择 “文本 工具 "， 在 舞台 上 输入 文本 ， 初 始 位 置 
与 实例 item_ 01 的 初始 位 置 相 同 ， 如 图 8-22 所 示 。 


图 8-22 ”文本 的 初始 位 置 


(13 ) 选中 输入 的 文本 ,执行 “修改 ”1 “转换 为 元 件 ” 命 令 ， 将 文本 转换 为 图 形 元 件 item 02。 然 
后 在 属性 面板 上 设置 实例 的 Alpha 值 为 0%。 

(14 ) 将 第 61 帧 转换 为 关键 帧 ， 选 中 第 61 帧 的 实例 ， 在 属性 面板 上 设置 Alpha 值 为 5%， 并 使 用 方 
向 键 向 左 移动 5 像素 ; 第 62 帧 实例 的 Alpha 值 为 10%， 向 左 移动 5 像素 ; 依 此 类 推 ， 直 到 第 80 帧 实例 
的 Alpha 值 为 100%， 实 例 移 到 舞台 中 间 位 置 。 第 70 帧 的 效果 如 图 8-23 所 示 。 
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图 8-23 ”第 70 帧 的 人 舞 自 效果 


(15 ) 单 击 图 层面 板 左下 角 的 “新 建 图 层 ” 按 钮 ， 新 建 图 层 item3。 选 中 第 70 帧 (此 时 实例 item_02 
半 透 明显 示 )， 按 F6 键 转换 为 关键 帧 ， 然 后 在 工具 箱 中 选择 “文本 工具 "， 在 舞台 上 输入 文本 ， 初 始 位 置 
与 实例 item_ 01 的 初始 位 置 相 同 ， 如 图 8-24 所 示 。 
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图 8-24 ” 驻 本 的 初始 位 置 


(16 ) 选中 输入 的 文本 ， 执 行 “ 修 改 ”1 “转换 为 元 件 ” 命 令 ， 将 文本 转换 为 图 形 元 件 item_ 03。 然 
后 在 属性 面板 上 设置 实例 的 Alpha 值 为 0%。 

(17 ) 将 第 71 帧 转换 为 关键 帧 ， 选 中 第 61 帧 的 实例 ， 在 属性 面板 上 设置 Alpha 值 为 5%， 并 使 用 方 
向 键 向 左 移动 5 像素 ; 第 72 帧 实例 的 Alpha 值 为 10%， 向 左 移动 5 像素 ; 依 此 类 推 ， 直 到 第 90 帧 实例 
的 Alpha 值 为 100%， 实 例 移 到 舞台 中 间 位 置 。 第 90 帧 的 舞台 效果 如 图 8-25 所 示 。 
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图 8-25 ”第 90 帧 的 舞 自 效果 


图 8-26 ”时 间 轴 面板 


(18 ) 保存 文档 ， 按 Ctrl + Enter 键 ， 就 可 以 看 到 完成 的 乏 帧 动 面 ， 如 图 8-12 所 示 。 


8.3 澡 疑 解说 


1. 如 何 使 用 逐 帧 动画 制作 一 个 画 圆 的 动画 ? 

答 : 首先 执行 “视图 ”1 “网 格 ”1 “显示 网 格 ” 命 令 ， 在 舞台 上 显示 网 格 。 然 后 用 “椭圆 工具 ” 
绘制 一 个 无 填充 色 的 加 ， 并 在 圆 的 一 侧 用 “橡皮 探 工 具 ” 探 除 一 个 小 口 ， 延 长 到 尾 巾 。 接 下 来 按 本 章 讲 
解 的 “写字 动画 ”的 操作 步骤 未 帧 探 除 。 最 后 一 帆 用 “选择 工具 ”将 小 缺口 封闭 。 

2. 怎样 做 出 电视 受 干扰 时 的 雪花 效果 ? 

答 : 首先 绘制 一 些 短 的 日 线条 ， 然 后 添加 几 个 关键 帧 ， 每 帧 中 随机 地 添加 一 些 线条 。 
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8.4 学 习 效 果 目 测 


一 、 选 择 题 
1. 在 Animate CC 2018 中 , 将 GIF 动画 导入 到 舞台 时 ， 可 能 生成 ( 上 
A. 逐 帧 动画 B. 按钮 C. 图 形 元 件 D. 影片 剪辑 
2. 关于 逐 帧 动画 ，( ) 说 法 是 正确 的 。 
A. 每 一 帧 都 是 关键 由 B. 每 一 帧 的 内 容 可 以 是 静态 的 图 片 、 矢 量 图 形 、 文 字 
C. 每 一 帧 的 内 容 都 是 独立 的 D. 利用 人 眼 的 视觉 暂 留 性 
3. 逐 帧 动画 的 每 一 帧 都 是 ( 
A. 关键 帧 B. 空白 帧 C. 普通 帧 D. 空白 关键 帧 
二 、 填 空 题 


1. Animate CC 2018 动画 的 基本 原理 与 电影 、 电 视 一 样 ， 都 是 利用 了 人 有 眼 的 
2. 测试 动画 可 以 使 用 快捷 键 __，。 


特性 。 
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在 a CC 2018 的 “插入 ” 菜单 中 ， 读者 可 以 看 到 三 种 动画 
方式 : 补 间 动画 、 形 状 补 间 和 传统 补 间 。 其 中 ,“ 补 间 动 画 ” 是 基于 
对 但 的 动画 形式 ; tn na ted 

每 一 种 动画 方式 都 有 它们 自己 的 发 展 过 程 和 功能 。 本 章 将 介绍 三 
种 基础 动画 的 制作 方法 ， 并 2 oa ey 详 

” 细 讲 解 动画 制作 的 技巧 和 有 要领， 在 动画 制作 完成 后 如 何 有 效 地 编辑 修 
改动 画 ， 以 达到 预期 的 效果 。 
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9.1 传统 补 间 动 画 


传统 补 间 动画 (或 称 为 运动 渐变 动画 ) 只 需要 创建 儿 个 不 同性 质 特征 的 关键 帧 ,就 可 以 实现 元 件 实例 、 
群 组 、 位 图 或 文字 产生 位 置 移动 , 大 小 比例 缩放 , 图 像 旋 转 等 运动 , 以 及 颜色 和 透明 度 等 方面 的 渐变 效果 。 
渐变 的 中 间 效 果 由 Animate CC 2018 目 动 生成 。 


分 离 的 图 形 或 形状 不 能 产生 运动 渐变 ， 也 就 是 说 ， 一 定 要 将 形状 转换 成 元 件 或 群 组 对 象 ， 
注意 才 可 以 做 传统 补 间 。 如 果 希 望 多 个 物体 同时 发 生 渐变 运动 ， 可 以 将 它们 放 在 不 同 的 层 中 。 


9.1.1 创建 传统 付 间 


(1) 在 一 个 关键 帧 上 放置 一 个 对 和 象 。 

(2 ) 在 同一 层 的 万 一 个 关键 帧 改变 这 个 对 象 的 大 小 、 位 置 .颜色 、 透 明度 . 旋 先 、 倾 糙 、 涛 镜 参 数 等 属性 。 

(3 ) 选中 两 个 关键 帧 之 间 的 任 一 帧 ， 执 行 “ 插 入 ”1 “创建 传统 补 间 ”命令 ， 如 图 9-1 (a ) 所 示 ; 
或 按 下 鼠标 右键 ， 在 弹出 的 快捷 沫 单 中 选择 “创建 传统 补 间 ”命令 ， 如 图 9-1 (b ) 所 示 。 

两 个 天 键 帧 之 间 将 显示 一 条 黑色 的 稍 头 线 ， 且 选中 的 帧 范围 显示 为 茶色 ， 如 图 9-2 所 示 。 
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图 9-1 创建 传统 守 间 图 9-2 建立 传统 补 间 关系 


9.1.2 ”修改 传统 补 辐 属性 


创建 传统 补 间 动画 之 后 ， 选 择 一 个 关键 帧 ， 执 行 “ 窗 口 ”1 “属性 ”命令 ， 打 开 如 诺 
性 设置 面板 。 
NN“ 缓 动 ”: 设置 对 象 在 动画 过 程 中 的 变化 速度 。 范 围 是 -100~100。 其 中 正 值 表示 变化 先 快 后 慢 ; 
0 表示 匀速 变化 ; 负 值 表示 变化 先 慢 后 快 。 
Animate CC 2018 增强 了 绥 动 预 设 功能 ， 预 设 和 目 定 义 绥 动 预 设 延 伸 到 属性 缓 动 。 上 默认 情况 下 ， 针 对 所 
有 属性 定义 绥 动 ,在 “ 绥 动 ”下 拉 列 表 中 选择 “单独 每 属性 ”, 可 以 单独 设置 各 个 属性 的 缓 动 , 如 图 9-4 所 示 。 


9-3 所 示 的 属 


图 9-4 ”传统 补 间 的 缓 动 预 设 


图 9-3 ”传统 补 间 属 性 设置 


揪 动 ; 单 挤 每 属性 


位 置 : | Classic Ease 
旋转 : 
es Classit Ease 
En 

引号 Jn 
朝 色 : 

asE In Out 
流 访 [ 面 | be 
旋转 : 


2 本 各 攻 台 3 
呈 中 征 


图 9-5 缓 动 预 设 列 表 


单 击 “ 编 辑 缓 动 ” 按 钮 图 ， 可 以 在 如 图 9-6 所 示 的 “ 自 定义 缓 动 ”对 话 框 中 自 定义 缓 动 。 


图 9-6  “ 自 定 又 缓 动 ” 对 话 框 


该 对 话 框 显示 一 个 表示 运动 程度 随时 间 变 化 的 图 形 。 水 平 轴 表 示 帧 ， 垂 直 轴 表示 变化 的 百分比 。 第 
一 个 关键 帧 表示 为 0%， 最 后 一 个 关键 帧 表示 为 100%。 图 形 曲线 的 斜率 表示 对 象 的 变化 速率 。 曲线 水 平 
时 (无 斜率 )， 变 化 速率 为 去; 曲线 垂下 时 ， 变 化 速率 最 大 。 

在 曲线 上 按 下 鼠标 左 键 拖 动 , 即 可 修改 曲线 。 修 改 完成 后 , 单 击 “ 保 存 并 应 用 ”按钮 ,可 保存 目 定义 
绥 动 ， 并 重复 使 用 。 

和 旋转 : 设置 旋转 类 型 及 方向 。 

NN 贴 紧 : 选择 该 项 时 ， 如 果 有 联接 的 引导 层 ， 可 以 将 动画 对 象 吸 附 在 引导 路 径 上 。 

YN 调整 到 路 径 : 对 象 在 路 径 变 化 动画 中 可 以 沿 着 路 径 的 曲 度 变 化 改变 方向 。 
沿路 径 着 色 : 在 引导 动画 中 ,被 引导 对 象 基于 路 径 的 颜色 变化 进行 染色 。 
沿路 径 缩放 : 在 引导 动画 中 ,被 引导 对 象 基于 路 径 的 笔触 粗细 变化 进行 缩放 。 
同步 : 如 果 对 答 中 有 一 个 对 但是 包含 动画 效果 的 图 形 元 件 ， 选 择 该 项 可 以 使 图 形 元 件 的 动画 播放 
与 兽 台 中 的 动画 播放 同步 进行 。 
缩放 : 允许 在 动画 过 程 中 改变 对 象 的 比例 ， 否 则 禁止 比例 变化 。 


ee 


4 


9.1.3 上 机 练习 一 一 行驶 的 汽车 

i。 妃 国 | 本 节 练习 通过 向 后 移动 道 沥 景色 模拟 汽车 行驶 的 动画 ， 读 ， 
SEE 一 | 者 可 以 从 中 掌握 传统 补 间 动 画 的 制作 步骤 ， 以 及 修改 补 间 属 性 : 
N= 加 。 方 法 
人 的 汽车 


[| 


。 首先 使 用 绘图 工具 和 填充 工具 绘制 道 常 景物， 并 将 景物 转换 为 元 件 。 然 后 导入 一 
A 唱 汪 ;局 汽 车 行驶 的 动画 GIF 制作 影片 剪辑 。 接 下 来 通过 对 接 两 个 景物 实例 ， 并 在 关键 帧 中 
= ”图 圈 :移动 实 侈 ， 实 现 汽车 向 前 行驶 的 动画 。 最 后 ， 通 过 在 关键 帧 设置 补 间 的 缓 动 ， 模拟 汽 

车 加 速 和 减速 的 效果 ， 最 终 效 果 如 图 9-7 所 示 。 


图 9-7 动画 效果 
1 
景 国 于 国 一 一 一 一 一 一 一 时 
(1 ) 执行 “文件 ”| “新 建 ”命令 ， 新 建 一 个 Animate CC 2018 文件 ( ActionScript 3.0 )， 舞 台 高 度 
为 360 像素 。 
(2 ) 使 用 工具 箱 中 的 绘图 工具 在 舞台 上 绘制 道 劳 景色 ， 然 后 使 用 “颜料 桶 ”工具 进行 填充 ， 如 图 9-8 
所 示 。 


图 9-8 这 谊 基色 


填充 颜色 是 对 绘制 的 无 空 除 轮廓 进行 填充 ， 如 果 绘 制 的 轮廓 线 不 封闭 ， 可 以 在 工具 条 度 
| 注意 部 的 “间隔 大 小 ”选项 中 选择 封闭 空 除 大 小 。 


(3 ) 选择 整个 景色 图 形 ,执行 “修改 ”| “转换 为 元 件 ” 命 令 ,在 弹出 的 对 话 框 中 设置 名 称 为 “view”， 
类 型 为 “图 形 ”， a 9 所 示 。 然 后 单 击 “ 确 定 ” 按 钮 关闭 对 话 框 。 

(4) 执行 “窗口 ”| “ 库 ” 命 令 , 打 开 “ 库 ” 面板。 然后 从 “ 库 ” 面 板 中 拖 动 一 个 景色 图 形 元 件 到 舞台 
上 ， 并 摆 放 好 位 置 ， 了 如 图 9-10 所 示 。 


图 9-9 设置 元 件 和 名 称 和 类 型 


未: | 此 时 图 形 会 比较 大 ， 可 以 选择 “缩放 工具 ”缩小 视图 ， 也 可 以 在 编辑 栏 最 右 侧 调整 视 因 
< | 显示 比例 。 

(5 ) 选中 两 个 实例 ， 执 行 “ 修 改 ” | “组 合 ”命令 ， 将 这 两 个 实例 进行 群 组 。 

组 合 后 的 整体 图 形 一 部 分 位 于 舞台 上 ， 另 一 部 分 则 处 于 舞台 之 外 。 舞 台 之 外 的 部 分 是 不 可 见 的 ， 只 有 
这 样 , 在 制作 传统 补 间 动画 之 后 , 景色 才 会 不 断 地 从 视线 中 “倒退 ， 吉 像 坐 在 和 车子 中 看 到 路 边 的 景 稍 一 样 。 

(6 ) 在 图 层面 板 左下 角 单 击 “ 新 建 图 层 ” 按 钮 ,新 建 一 个 图 层 。 执 行 “ 文 件 ”1“ 导 入 ”1“ 导 人 到 库 - 
命令 ,导入 一 幅 汽车 行驶 的 动画 GIF 到 库 中 。 然 后 打开 “ 库 ” 面 板 ,将 目 动 生成 的 影片 剪辑 拖 放 到 舞台 上 ， 
调整 实例 位 置 和 大 小 ， 如 图 9-11 所 示 。 


图 9-11] 在 钴 各 下 添 各 影 万 商 辑 


(7 ) 在 新 图 层 的 第 50 帧 按 F5 键 插入 帧 ， 将 动画 延续 到 第 50 帧 。 

(8 ) 选中 图 层 1 的 第 25 幅 , 按 F6 键 搬入 一 个 关键 帧 。 然 后 器 左 移动 建筑 群 。 移 动 后 的 效果 如 图 9-12 
所 示 。 

(9 ) 右 击 第 1 帆 ， 在 弹出 的 快捷 订单 中 选择 “创建 传统 补 间 ”命令 。 人 然后 打开 属性 面板 ， 在 “ 补 间 ” 
区 域 设置 “ 缓 动 ” 为 -10， 如 图 9-13 所 示 。 


蛙 动 : 所 有 属性 一 起 


孜 转 : 上 自动 


/ 贴 归 调整 到 路 径 
沿路 径 着 色 沿路 径 缩 让 


同步 V 编 训 


图 9-12 ”移动 景色 效果 图 9-13 ”设置 缓 动 


这 样 ， 景 色 同 左 “ 后 退 ” 的 速度 将 越 来 越 快 模拟 汽车 开始 加 速 。 
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(10 ) 选中 图 层 1 的 第 50 帧 ， 按 F6 键 插入 一 个 关键 巾 。 然 后 向 左 移动 建 抠 群 


图 9-14 所 示 。 
(11) 右 击 第 25 帧 ,在 弹出 的 快捷 六 单 中 选择 “创建 传统 补 间 ”命令 。 然 后 打开 属性 面板 ,在 “和 补 间 ” 


区 域 设 置 “ 缓 动 ”为 1， 如 图 9-15 所 示 。 


六 。 移 动 后 的 效 朱 如 


》 标签 
= 补 间 
泽 动 。 | 所 有 属性 一 起 
Classic Ease 
旋转 :| 自动 
v 贴 虹 调整 到 路 径 


沿路 径 看 色 沿路 径 锋 元 
同步 ” 锯 故 


图 9-15 ”设置 缓 动 


这 样 ， 景色 同 左 “ 后 退 ” 的 速度 将 越 来 越 慢 ， 模 拟 汽 车 开始 减速 。 
(12) 执行 “文件 ”1 “保存 ”命令 保存 文件 。 然 后 按 Ctrl + Enter 键 测试 动画 效果 ， 如 图 9-7 所 示 。 


9.1.4 “传统 什 因 动画 的 制作 找 巧 


传统 补 间 动画 是 Animate CC 2018 动画 最 重要 的 基 而 
高 难度 的 动画 ， 而 且 对 以 后 的 动画 制作 大 有 神 益 。 


它 的 制作 方法 ， 不 仅 可 以 完成 


所 谓 缩放 动画 ， 是 指 对 象 在 运动 的 过 程 中 大 小 发 生变 

(1) 在 两 个 关键 帧 之 间 创 建 传统 补 间 。 

(2 ) 利用 任意 变形 工具 缩放 对 象 ; 或 者 执行 “窗口 ”|“ 变 形 ” 人 命令， 打开“ 变形 ”面板 ， 直 接 在 面 
板 中 输入 宽度 和 高 度 的 比例 ， 精 确 控制 缩放 比例 ， 如 图 9-16 所 示 。 

(3 ) 选中 第 1 个 关键 帧 ， 在 “属性 ”面板 上 选中 “缩放 ”选项 ， 如 图 9-17 所 示 。 


~ 补 间 


摆动 : ”所 有 属性 一 起 


图 9-17 企 中 “缩放 ” 佬 项 


图 9-16 “变形 ”对 话 杠 
动 的 同时 进行 缩放 。 否 则 会 出 现 这 样 的 结果 : 物体 运动 时 ， 大 小 不 变 ; 运动 到 最 后 一 帧 时 ,| 
大 小 突然 变化 。 


2. 旋转 动画 

(1 ) 在 两 个 关键 帧 之 间 创 建 传统 补 间 。 

(2 ) 选中 第 1 个 关键 帆 , 在 “属性 ”面板 上 的 “旋转 选项 ”下 拉 列 表 中 选择 旋转 方式 ,并 指定 旋转 的 次 
数 ， 如 图 9-18 所 示 。 即 可 创建 旋转 动画 效果 。 

3. 颜色 变化 动画 

(1 ) 在 两 个 关键 帧 之 间 创 建 传统 补 间 。 

(2 ) 在 关键 帧 选中 和 群 组 对 象 或 实例 ， 打开“ 颜色 ”面板 修改 实例 的 颜色 。 

4. 淡 入 淡出 动画 

(1 ) 在 两 个 关键 帧 之 间 创 建 传统 补 间 。 

(2 ) 在 关键 帆 选 中 和 群 组 对 象 或 实例 ,在 属性 面板 上 的 “色彩 效果 ”区 域 设置 Alpha 值 ,如 图 9-19 所 示 。 

(3 ) 同样 的 方法 ,设置 其 他 关键 帧 实例 的 Alpha 值 。 


上 标签 
= 补 间 


皖 动 : 印 有 属性 一 起 


EE 本 输出 


旋 污 : 目 动 


也 贴 紧 i 昌 旋转 选项 
沿路 径 着 色 治 路 径 缩放 


同步 Y 丝 族 


图 9-18 设置 旋转 方式 图 9-19 设置 Alpha 效 果 


5. 逐渐 模糊 动画 

(1 ) 在 两 个 关键 帆 之 间 创 建 传统 补 间 。 

(2 ) 在 关键 帆 选 中 文本 、 影 片 六 辑 或 按钮 ,在 属性 面板 上 的 “ 滤 镜 ”区 域 设 置 “ 模 糊 ” 渡 镜 , 如 图 9-20 
所 示 。 

(3 ) 同样 的 方法 ,设置 其 他 关键 帧 对 象 的 模糊 数值 。 


提示 : | 
i Animate CC 2018 的 滤 镜 功能 只 应 用 于 文本 、 影 片 剪辑 和 按钮 。 


6. 加 速 下 沙 动 画 
(1 ) 在 两 个 关键 帧 之 间 创 建 传统 补 间 。 
(2 ) 选中 第 1 个 关键 帧 ， 在 属性 面板 上 的 “ 补 间 ”区 域 设 置 “ 缓 动 ” 值 ， 如 图 9-21 所 示 。 


v 补 间 


舞动: 所 有 属性 一 起 


旋转 : 自动 
′ 贴 杀 寺 整 到 路 径 
沿路 径 着 色 
同步 


图 9-20 “ 滤 镜 ”面板 中 的 设置 到 9-2] 设置 缓 动 


没 置 速度 为 负 值 ， 融 可 以 看 到 对 象 在 动画 中 先 慢 后 快 的 运动 ， 从 而 可 以 得 到 一 种 加 速 下 落 的 效果。 
9.1.5 ”上 机 练习 一 一 族 戏 网 站 引导 动画 


本 加 ”相生 代用 从 统 补 问 折 制作 一 个 尖 戏 同 站 的 引 守 动 台 ， 
N= EB : de bap 缩放 动 


首先 新 建 一 个 黑色 背景 的 Animate CC 2018 文档 ， 然 后 使 用 传统 补 间 的 动画 原理 ， 
和。 设计 :依次 分 层 制作 文本 的 位 移 补 间 动 画 、 指 环 淡 入 并 旋转 动画 、 红 色 问 号 的 闪烁 动画 、 标 | 
ps 题 文本 的 位 移 补 间 动 画 、 欢 迎 文 本 的 淡 入 动画 ， 以 及 指环 的 缩放 、 淡 入 动画 ， 最 终 效 
果 如 图 9-22 所 示 。 : 


区 


游戏 网 站 引 写 动画 .swfi 


游戏 爱好 看 和 的 乐园 ， 欢迎 充 蚁 游民 部 芝 !1 


图 9-22 游戏 网 站 引导 动画 


1. 新 建文 档 

执行 “文件 ”1 “新建” 命令， 新 建 一 个 Animate CC 2018 文档 ( ActionScript 3.0 )， 舞 台大 小 为 500 
像素 x 400 像素 ， 背 景色 为 黑色 。 

2. 制作 文本 的 位 移 补 间 动画 

(1 ) 选择 “文本 工具 ”， 在 属性 上 设置 文本 类 型 为 “静态 文本 ”， 字体 为 Arial TUR， 字 号 为 20， 颜 色 
为 杰 色 ， 在 舞台 右 侧 输入 文本 (http:/www.gamelovercom.cn )。 然 后 在 第 50 帧 按 F6 键 添加 关键 帧 ， 将 文 
本 拖 到 舞台 左 侧 。 选 中 第 1 帧 ， 执 行 “ 揪 入 ” | “创建 传统 补 间 ”命令 。 第 25 帧 的 效果 如 图 9-23 所 示 。 


http://www.gamelover.com.cn 


图 9-23 ”第 25 相 的 动画 效果 


(2 ) 新 建 图 层 2。 选 择 “ 文 本 工具 ”， 字 体 为 Microsoft Sans Serif， 字 体 大 小 为 20， 滑 色 为 灰色 ， 文 
本 方向 为 “和 乒 直 ”， 在 舞台 下 方 输入 文本 “游民 部 落 一 一 游戏 爱好 者 的 天 和 ”"。 然 后 在 第 50 帧 按 F6 键 添 
加 关键 帧 ， 将 文本 拖 到 舞台 的 上 方 。 选 中 第 1 帆 ， 执行 “插入 ”1 “创建 传统 补 间 ”命令 。 第 25 帧 的 效 
果 如 图 9-24 所 示 。 


第 [9] 章 
加 动 画 制 作 
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一 只 开 施 计 
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性 浏 开 三 深 
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图 9-24 ”第 25 帧 的 效果 


3. 制作 指环 淡 入 、 旋 转动 画 

(1 ) 新 建 “ 图 层 3”。 执 行 “ 文 件 ” 1 “导入 ”| “导入 到 舞台 ”命令 ， 导 和 一 幅 黑 底 的 JPEG 图 片 ， 
如 图 9-25 所 示 。 选 中 导 人 的 图 片 ， 执 行 “ 修 改 ” 1 “转换 为 元 件 ” 命 令 ， 将 其 转换 名 称 为 ring 的 图 形 
元 件 。 

(2 ) 选中 舞台 上 的 指环 实例 ， 在 属性 面板 上 设置 颜色 样式 为 “Alpha”， 参 数 为 0%， 如 图 9-26 所 示 。 
将 图 片 变 成 完全 透明 。 在 第 60 卡 按 F6 键 添加 关键 帧 ， 选 中 舞台 上 的 实例 ， 按 照 同样 的 方法 设置 颜色 样 
式 为 “Alpha”， 参 数 为 100%， 这 样 实例 在 舞台 上 完全 可 见 。 

(3 ) 右 击 “图 层 3” 的 第 1 帆 ， 在 弹出 的 快捷 菜单 中 选择 “创建 传统 补 间 ” 命 令 ， 然 后 在 属性 面板 
上 设置 “组 动 ” 为 100， 顺 时 针 旋 转 6 次 。 完 成 后 的 效果 如 图 9-27 所 示 (第 25 帧 位 置 )。 


http://Wwww.gamelover.com.cn 


Ge ] 宣 
Tl ef | 
洋 例 :ring 论 搜 避 证 f 


》 位置 和 大 小 
= 色彩 小 果 


图 9-25 导入 的 JPEG 图 片 图 9-26 ”设置 实例 的 颜色 样式 图 9-27 ”第 25 帧 的 效果 


4. 使 用 逐 帧 动画 制作 闪烁 的 效果 

(1 ) 新 建 “ 图 层 4”。 在 第 61 帧 位 置 按 F6 键 添加 关键 帧 。 然 后 选择 工具 箱 中 的 
“文本 工具 ” ,设置 文本 大 型 为 “静态 文本 ” ,字体 为 "华文 琥珀 ” ,大 小 为 200, 颜 色 为 红色 ， 
在 舞台 上 输入 “? ”， 如 图 9-28 所 示 。 

(2 ) 按 住 Shift 键 选 中 第 62~69 帧 ， 按 F6 键 转换 为 关键 帧 。 然 后 选中 第 62 帧 ， 
删除 舞台 上 的 “? ”， 同 样 的 方法 ， 删 除 第 64 帧 、 第 66 帧 和 第 68 帆 的 “? ”。 这 样 
在 播放 时 形成 了 闪烁 效果 。 

5. 制作 文字 的 位 移动 画 

(1 ) 新 建 “ 图 层 5”。 在 第 70 帧 按 F6 键 添 加 关键 帧 。 选 择 “ 文 本 工具 " ,设置 字体 ”图 9-28 输入 字符 
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为 “华文 行 楷 ” ,大 小 为 200 spt 在 舞台 的 左下 方 输入 “ 游 ”" 字 ,然后 执行 “修改 ”|“ 转 换 为 元 件 ” 
命令 ， 将 文本 “ 游 ”转换 为 “图 形 ” 元 件 。 

(2) 选中 图 形 实例 “ 游 ” 字 ， We 性 面板 上 设置 颜色 样式 为 “Alpha ， 人 参数 设置 为 0%。 在 第 85 帧 
按 F6 键 添 加 关键 帧 ， 将 图 形 实例 拖 到 舞台 左上 角 ， er 设置 Alpha 值 为 100%。 然 后 在 两 个 
关键 帧 之 间 创 建 传统 补 间 ,最 后 在 第 130 帧 按 F5 插入 帧 。 打 开 “ 绘 图 纸 外 观 ” 工 具 的 效果 如 图 9-29 所 示 。 

“ 游 ” 字 从 钴 台 乓 部 移 到 舞台 左上 角 ， 移动 过 程 中 从 透明 逐渐 变 成 不 透明 。 

(3 ) 按照 上 面 两 步 的 方法 ,分别 制 作 “ 民 ”“ 部 ”“ 落 ”依次 从 舞台 底部 移动 到 舞台 上 的 淡 入 效果 ,如 


图 9-29 “ 游 ” 的 语 动 轨 谤 


Ei | 。 在 时 间 轴 面板 上 应 将 4 个 动画 效果 设置 为 依次 播放 ， 即 “ 民 ” 字 的 动画 由 为 第 86 由 到 第 
号 |96 怖 ; “部” 字 和 “ 落 ” 字 的 动画 帧 为 第 96 帧 到 99 帧 。 


6. 制作 欢迎 文本 的 淡 入 动画 

(1 ) 新 建 “ 图 层 9”。 在 第 99 帧 按 F6 键 添加 关键 帆 。 选 中 “文本 工具 ”， 在 属性 面板 上 设置 字体 为 
“华文 隶书 ”， 大 小 为 20， 颜 色 为 浅 灰 色 。 在 “游民 ”和 “部 落 ” 之 间 的 区 域 输入 “游戏 爱好 者 的 乐园 ， 
欢迎 光临 游民 部 落 ! ”， 如 图 9-31 所 示 。 


游戏 爱好 者 的 乐园 , " 唤 迎 夸 六 和 蒂 展 部落 ! 


图 9-31 输入 文本 

(2) 执行 “修改 ”1 “转换 为 元 件 ” 命 令 ， 将 文本 转换 为 图 形 元 件 “text”"。 选 中 舞台 上 的 实例 ， 在 
属性 面板 上 设置 颜色 样式 为 “Alpha ， 值 为 0%。 在 第 120 帧 按 F6 键 添 加 关键 帧 ， 选 中 实例 ， 在 属性 设 
置 面板 上 设置 颜色 样式 为 “Alpha ， 值 为 100%。 


(3 ) 右 击 第 99 帧 ~120 帧 之 间 的 任意 一 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “创建 传统 补 间 ”命令 。 

7. 制作 指环 的 缩放 、 淡 入 动画 

(1 ) 新 建 “ 图 层 10” ,在 第 110 帧 按 F6 键 添加 关键 帧 。 打 开 “ 库 ”面板 ,将 图 形 元 件 ring 拖 放 到 舞台 上 。 

(2 ) 在 第 120 帧 按 F6 键 添 加 关键 帧 ， 将 实例 拖 到 舞台 的 右 下 角 。 

(3 ) 选中 第 110 帧 ， 单 击 舞 台 上 的 rng 实例 ， 使 用 “任意 变形 工具 ”调整 实例 大 小 ， 将 实例 拉 伸 至 
文档 大 小 ， 如 图 9-32 所 示 。 然 后 在 属性 面板 上 设置 颜色 样式 为 “Alpha”， 值 为 0%。 

(4) 右 击 第 110 帆 ~120 帧 之 间 的 任意 一 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “创建 传统 补 间 ”命令 。 此 时 
的 效果 如 图 9-33 所 示 。 


图 9-32 ”将 元 件 枉 伸 至 辫 档 大 丰 图 9-33 ”完成 效果 ( 第 130 棒 位 置 ) 
(5 ) 执行 “文件 ”1 “保存 ”命令 保存 文件 ， 然 后 按 Ctrl+Enter 键 测 试 动画 效果 。 
9.1.6 ”模拟 摄像 头 动画 


Animate CC 2018 提供 对 虚拟 摄像 头 的 文 持 ， 利 用 摄像 头 工 具 ， 动 画 制作 人 员 可 以 在 场景 中 平移 、 缩 
放 、 旋 转 舞 台 ， 以 及 对 场景 应 用 色彩 效果 。 在 摄像 头 视 图 下 查看 动画 作品 时 ， 看 到 的 图 层 会 像 正 透 过 摄 
像 头 来 看 一 样 ， 通 过 对 摄像 头 图 层 添加 补 间或 关键 帧 ， 可 以 轻松 模拟 摄像 头 移动 的 动画 效果 。 

在 Animate CC 2018 中 ， 摄 像 头 工具 具备 以 下 功能 : 

和 在 兽 台 上 平移 帧 主题 

所 放 大 感 兴趣 的 对 得 

和 缩小 帧 以 查看 更 大 范围 

和 修改 焦点 ， 切 换 主 题 

和 对 场景 应 用 色彩 效果 


9.1.7 上 机 练习 


访 玫 园 | 本 节 练习 模拟 摄像 头 扬 移 的 动作 观察 一 幅 风 景 画 ， 读 者 可 
二 本目 | 标 以 从 中 掌握 摄像 头 工具 的 使 用 方法 。 : 

| 首先 导入 一 幅 尺寸 大 于 生 台 的 位 图 作为 要 观察 的 图 像 ， 然 后 添加 摄像 头 图 层 ， 通 ; 

和 A、 暧 | 过 在 关键 帧 中 调整 摄像 头 工具 的 缩放 控件 和 旋转 控件 实现 摄像 头 推 近 、 拉 远 和 旋转 的 | 
= ”图 轩 效果， 通过 移动 摄像 头 工 具 ， 实 现 焦点 切换 。 最 后 在 关键 帧 之 间 创 建 传统 补 间 ， 模 拟 
摄像 头 移动 的 动画 ， 如 图 9-34 所 示 。 : 


图 9-34 ”欣赏 风 申 画 


(1 ) 新 建 一 个 Animate CC 2018 文档 ， 执 行 “ 文 件 ” | “ 导 人 ”|“ 导 和 到 舞台 ”命令 ， 在 舞台 中 导 人 一 
幅 位 图 作为 背景 ,背景 大 小 最 好 大 于 舞台 尺寸 。 人 然后 在 第 50 帧 按 F5 键 ,将 帧 延长 到 第 50 帆 , 如 图 9-35 所 示 。 


图 9-35 导入 背景 图 像 


(2 ) 添加 摄像 头 图 层 。 单 击 图 层面 板 右 下 角 的 “添加 摄像 关 ” 按 钮 三， 或 在 工具 箱 中 单 击 “ 摄 像 头 
工具 ”按钮 ， 即 可 局 用 摄像 头 ， 图 层面 板 上 出 现 一 个 摄像 头 图 层 。 舞 人 台 底 部 显示 摄像 头 工具 的 调 忆 杆 ， 
且 舞 台 边 界 显示 -个 颜色 轮廓 ， 颜 色 与 摄像 头 图 层 的 颜色 相同 ， 如 图 9-36 所 示 。 


FE 


1 多 


图 9-36 ”添加 摄像 头 图 居 


摄像 头 仅 适用 于 场景 ， 不 能 在 元 件 内 启用 摄像 头 。 如 果 将 菜 个 场景 从 一 个 文档 复制 粘贴 : 
| 区 到 另 一 个 文档 中 ， 它 会 替换 目标 文档 中 的 摄像 头 图 层 。 如 果 有 多 个 场景 ， 可 以 仅 对 当前 活动 | 
注意 。 场景 启用 摄像 头 。 


此 外 , 如 采 要 粘贴 图 层 , 只 能 将 图 层 粘 巾 到 摄像 头 图 技 
接 下 来 添加 关键 帧 ， 移 动 摄 像 头 。 
(3 ) 右 击 摄像 头 图 层 的 第 10 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “转换 为 关键 天 ”人 命令。 和歌 认 情 况 下 ， 缩 
放 控 件 罗 处 于 活动 状态 ， 向 右 拖 动 调节 杆 上 的 滑 块 放大 舞台 上 的 内 容 ， 9) BR 
默认 状态 下 ， 缩 放 控 件 图 处 于 活动 状态 ， Sail 可 缩 舞台 内 容 ; 
大 钴 台 内 容 。 用 户 也 可 以 打开 摄像 头 的 属性 面板 ， 通 二 
内 容 。 


如 果 希 望 能 无 限 比例 地 缩放 舞台 内 容 ， 可 将 滑 块 朝 一 个 方向 拖 动 ， 然 后 松 开 滑 块 ， 滑 块 
<。 ;将 迅速 回 到 中 间 位 置 ， 此 时 可 继续 拖 放 滑 块 ， 缩 放 舞 台 内 容 。 


按 下 鼠标 左 键 向 右 拖 动 ， 舞 


图 9-39 平移 舞台 上 的 内 座 

如 果 向 左 或 向 下 拖 动 ， 则 
内 容 。 

(5 ) 将 摄像 头 图 层 的 人 


口 


硬 侣 内 容 同 右 或 同上 平移 ; 拖 动 时 按 住 Shift 键 ， 可 以 水 平 或 垂 百 平 移 舞 人 台 


30 帧 转换 为 关键 巾 ， 单 击 “ 旋 转 控 件 ” 按 钮 攻 激 活 训 


工具 ， 然 后 向 右 拖 动 


图 9-40 旋转 摄像 头 


旋转 控件 图 处 于 活动 状态 时 ， 向 左 拖 动 滑 块 ， 可 顺 时 针 旋 转 舞 台 内 容 ; 向 右 拖 动 滑 块 ， 则 道 时针 
旋转 舞台 内 容 。 用 户 也 可 以 打开 摄像 头 的 属性 面板 ， 通 过 修改 缩放 的 比例 值 (图 9-41 ) 也 可 以 缩放 舞台 

(6 ) 将 摄像 头 图 层 的 第 40 帧 转换 为 关键 帧 ,然后 单 击 “ 旋 转 控 件 ” 按 钮 区 4， 向 左 拖 动 调节 杆 上 的 清 
块 ， 顺 时 针 旋 转 舞 台 上 的 内 容 ， 如 图 9-42 所 示 。 


， 指 慨 头 色彩 状 果 
图 9-41 在 属性 面板 上 设置 旋转 角度 图 9-42 ”有 顺 时 针 旋 转 舞 自 上 的 内 容 


(7) 将 摄像 头 图 层 的 第 50 帧 转换 为 关键 帧 ， 切 换 到 “缩放 控件 ” 辆 ， 向 左 拖 动 调节 杆 上 的 滑 块 ， 
缩小 舞台 上 的 内 容 ， 如 图 9-43 所 示 。 


图 9-43 ”缩小 舞 自 内 容 


(8 ) 右 击 摄像 头 图 层 的 第 1 帆 ~ 第 10 帆 之 间 的 任 一 帧 ， 在 弹出 的 快捷 汪 单 中 选择 “创建 传统 补 间 ” 


命令 ; 同样 的 方法 ， 在 第 10~20 帆 、20~30 帧 、30-~40 帆 和 40~50 帧 之 间 创 建 传统 补 间 关系 。 


可 以 在 摄像 头 图 层 中 添加 传统 补 间 和 补 间 动 画 ， 但 不 能 添加 形状 补 间 动 画 ， 也 不 能 在 摄 : 
”注意 。 像 头 图 层 中 使 用 锁定 、 隐 藏 、 轮 廊 、 引 导 层 或 造 单 功能 。 


(9 ) 选中 时 间 轴 上 的 任 一 帧 , 单 击 编辑 栏 上 的 “ 剪 切 掉 舞 台 范 围 以 外 的 内 容 ” 按 包 图 ,如 图 9-44 所 示 ， 
裁 切 舞台 以 外 的 对 象 。 


图 9-44 ” 裁 切 舞 自 上 的 对 入 


(10) 执行 “修改 ”1 “文档 ”命令 ， 在 弹出 的 对 话 框 中 将 帧 频 修改 为 8fps。 然 后 按 Ctrl+Enter 键 ， 
击 览 动画 效果 。 


9.2 ”形状 补 间 动画 


形状 补 间 动画 是 使 图 形 形 状 发 生变 化 ， enero A 上 图 形 的 渐变 过 程 。 与 传统 补 间 不 同 
的 是 ， 形 状 补 癌 的 对 象 只 能 是 天 量 图 形 。 如 采 要 对 元 件 实例 、 
须 先 对 这 些 元 系 执 行 “修改 ”|“ 分 离 ” 合 令 ， 使 之 变 成 分 敬 的 医 形 。 


9.2.1 创建 形状 补 间 


制作 形状 补 间 动 画 的 原则 依然 是 在 两 个 关键 帧 分 别 定义 不 同 的 性 质 特 征 ， 主 要 为 形状 方面 的 差别 ， 
并 在 两 个 关键 帧 之 间 建 立 形状 补 间 的 关系 。 

(1 ) 在 一 个 关键 帧 上 创建 一 个 天 量 图 形 。 

(2 ) 在 同一 层 的 万 一 个 关键 帧 改变 这 个 对 旬 的 形状 、 位 置 、 颜 色 、 透 明度 等 属性 。 

(3 ) 选中 两 个 关键 帧 之 间 的 任 一 帧 ， 执 行 “ 插 入 ” | “创建 形状 补 间 ” 命 令 ， 如 图 9-45 (a ) 所 示 ; 
或 右 击 ， 在 弹出 的 快捷 沫 单 中 选择 “创建 补 间 形状 ”命令 ， 如 图 9-45(b ) 所 示 。 

两 个 天 键 帧 之 间 将 显示 一 条 黑色 的 前 头 线 ， 且 选中 的 帧 范围 显示 为 绿色 ， 如 图 9-46 所 示 。 


Ctrl+F8 


图 9-45 ”创建 形状 补 间 图 9-46 ”建立 形状 补 间 关 系 
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本 节 练 习 制作 一 个 儿童 网 站 的 标题 动画 ， 通 过 操作 步骤 的 | 


| 详细 讲 ， 读 者 可 以 进一步 掌握 形状 补 间 动 画 He 汪汪 
四 讲解 ， 读 者 可 以 进一步 掌握 形状 补 间 动 画 的 制作 方 we a Emi 


首先 导入 一 幅 位 图 作为 背景 图 像 ， 然 后 使 用 “多 角 星 形 ” 工 具 绘制 一 个 五 角 星 ， 


入 设计 并 填充 渐变 色 。 通过 形状 补 间 ， 将 五 角 星 渐变 为 文字 。 同样 的 方法 ， vip 
4 思 | 路 文字 的 渐变 动画 。 最 终 效 果 如 图 9-47 所 示 ,，4 个 五 角 星 依次 从 所 台 外 飞 到 兽人 台中 间 ， 
渐变 为 网 站 的 标题 文字 。 


图 9-47 ”动画 效果 


(1 ) 执行 “文件 ”1 “新 建 ” 命 令 ， 创建 一 个 空白 的 Animate CC 2018 文档 (ActionScript 3.0 )， 
台大 小 为 996 像素 x 356 像素 。 

(2) 执行 “文件 ”1 “导入 ”| “ 导 人 到 钴 台 ” 命 令 , 在 舞台 上 导入 一 幅 图 片 作为 彰 景 。 选 中 背景 图 
片 ， 在 属性 面板 上 设置 位 图 的 坐标 (0，0 )， 使 其 左上 角 与 舞台 左上 角 对 齐 ， 效 果 如 图 9-48 所 示 。 


(3 ) 石 击 图 层 1 的 第 80 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “插入 帧 ”命令 ， 将 舞台 育 景 延续 到 第 
80 和 i。 

(4) 在 图 层面 板 左 下 角 单 击 “新 建 图 层 ” 按 钮 ， 新 建 一 个 图 层 。 在 工具 箱 中 选择 “多 角 星 形 ” 工 具 ， 
并 打开 属性 面板 ， 设 置 笔触 颜色 无 ， 然 后 单 击 “ 选 项 ”按钮 ， 在 弹出 的 对 话 框 中 设置 类型 为 “ 星 形 ”, 边 
数 为 5， 如 图 9-49 所 示 。 单 击 “ 确 定 ” 按 钮 关闭 对 话 框 。 

(5 ) 在 舞台 右 侧 的 工作 区 绘制 一 个 五 角 星 形 。 选 中 星 形 , 打开 “颜色 ”面板 , 设置 填充 类 型 为 “ 径 同 
渐变 "， 将 第 一 个 颜色 族 标 修改 为 红色 ， 第 二 个 颜色 游标 修改 为 黄色 ， 如 图 9-50 所 示 。 


嘿 形 栅 避 六 小 


水 加 到 色 板 


图 9-49 “工具 设置 ”对 话 框 图 9-50 ”第 1 个 五 角 星 形 的 填充 色 


(6) 右 击 第 20 帆 ， 从 弹出 的 快捷 业 单 中 选择 “转换 为 关键 帧 ”命令 。 然 后 选中 “文本 工具 "设置 
(7) 选中 文本 ,执行 “修改 ”1 “分 离 ” 命 令 , 将 文本 打 散 。 然 后 打开 “颜色 ”面板 ,设置 填充 类 型 为 


径 回 渐 变 ”， “颜色 ”面板 将 保留 上 一 次 设置 的 渐变 色 。 项 充 文 字 之 后 ， 删 除 舞 人 台 上 的 星 形 。 
(8 ) 右 击 第 1 帧 和 第 20 帧 之 间 的 任意 一 帧 ， 从 弹出 的 快捷 沫 单 中 选择 “创建 补 问 形 状 ” 个 令 ， 创 建 
形状 渐变 动画 。 


此 时 ， 单 击 时 间 轴 面板 底部 的 “绘图 纸 外 观 ”按钮 ， 可 以 查看 动画 效果 ， 如 图 9-51 所 示 。 

接 下 来 制作 第 二 个 文字 的 形状 补 间 动 画 。 

(9 ) 新 建 一 个 图 层 。 选 中 新 图 层 的 第 21 帧 ， 按 F6 键 插入 关键 帧 。 使 用 “多 角 星 形 工具 ”在 舞台 右 
侧 的 工作 区 绘制 一 个 五 角 星 形 。 然 后 选中 星 形 ， 打 开 “ 颜 色 ” 面 板 ， 设 置 填充 类 型 为 “ 径 向 渐变 "， 将 第 
一 个 颜色 游标 修改 为 黄色 ， 第 二 个 颜色 游标 修改 为 绿色 ， 如 图 9-52 所 示 。 


场 县 


图 9-51 形状 补 间 动画 的 给 图纸 儿 观 效果 图 9-52 ”第 2 个 五 角 星 形 的 填充 色 


(10 ) 在 第 40 帧 按 F6 键 转 换 为 关键 帧 ,使 用 “文本 工具 ”在 舞台 上 输入 第 2 个 文字 “ 亲 ”。 选 中 文本 ， 
执行 “修改 ”1 “分 离 ” 人 命令， 将 文本 打 散 ， 并 打开 “颜色 ”面板 ， 设 置 填充 渐变 色 为 黄 绿色 径 辐 渐变 。 
然后 删除 舞台 上 的 星 形 。 

(11 ) 右 击 第 21 帧 和 第 40 帆 之 间 的 任意 一 帧 ， 从 弹出 的 快捷 某 单 中 选择 “创建 补 间 形状 ”命令 ， 创 
建 形状 渐变 动画 ， 歼 果 如 图 9-53 所 示 。 


图 9-53 ”形状 补 间 动画 的 给 图纸 和 外观 效果 


(12 ) 按照 以 上 方法 ， 再 新 建 两 个 图 层 ， 分 别 制 作 “ 宝 ”和 “ 贝 ” 的 形状 渐变 动画 。 为 实现 文字 依次 
出 现 的 效果 ,“ 宝 ”的 补 间 范围 为 第 41 帧 到 第 60 帧 ;“ 贝 ”的 补 间 范 围 为 第 61 由 到 第 80 帧 。 打 开 “ 绘 
图 纸 外 观 ” 工 具 的 效果 如 图 9-54 所 示 。 


WW 场 筷 : 


图 9-54 ”动画 最 后 一 帧 及 时 间 轴 效果 
(13 ) 执行 “文件 ”1 “保存 ”命令 ,保存 文件 。 按 Ctrl+Enter 键 预览 动画 的 效 打 ， 如 图 9-47 所 示 。 
9.2.3 ”修改 形状 补 间 属 性 


创建 形状 补 间 动 画 之 后 ， 选 择 一 个 关键 帧 ， 执 行 “ 窗 口 ” 1 “属性 ”命令 ， 打开 如 图 9-55 所 示 的 属 
性 设置 面板 。 z 

Y 缓 动 : 设置 对 象 在 动画 过 程 中 的 变化 速度 。 正 值 表示 交 化 先决 ”请 由 
后 慢 ; 负 值 表示 变化 先 慢 后 快 。 

YN 混合 : 指定 起 点 关键 帧 和 终点 关键 帧 之 间 的 帧 的 变化 模式 。 

站 分 布 式 : 设置 中 间 帧 的 形状 过 渡 更 光滑 更 随意 。 

NN 角形 : 设置 中 间 帧 的 过 渡 形 状 保持 关键 帧 上 图 形 的 棱角 。 此 选 
项 只 适用 于 有 类 锐 棱角 和 直线 的 混合 形状 ， 如 果 选 择 的 形状 没 
有 角 ，Animate CC 2018 会 自动 使 用 分 布 式 补 间 方 式 。 图 9-55 ”形状 补 间 属 性 设置 


时 动 : 所 有 周 性 一 起 


9.3 补 间 动画 


补 间 动画 是 通过 不 同 帧 中 的 对 和 象 属性 指定 不 同 的 全 创建 的 动画 。 在 补 间 动画 中 ， 只 有 指定 的 属性 关 
健 帆 的 值 存储 在 文件 中 。 可 以 说 ， 补 间 动 画 是 一 种 在 最 大 程度 上 减 小 文件 大 小 的 同时 ， 创 建 随时 间 移 动 
和 变化 的 动画 的 有 效 方法 。 


9.3.1 巷 本 术语 


在 深入 了 解 补 间 动 画 的 创建 方式 之 前 ， 读 者 很 有 必要 先 掌 握 补 间 动 画 中 的 几 个 术语 : 补 间 对 象 、 衬 
间 范 围 和 属性 关键 帧 。 

1. 补 间 对 象 

与 传统 补 间 相 比 ,“ 补 间 动 画 ” 提 供 了 更 多 的 补 间 控制 。 可 补 间 的 对 象 类 型 包括 影片 剪辑 、 图 形 和 按 
钮 元 件 以 及 文本 字段 。 

可 补 间 的 对 象 的 属性 包括 : 2D 义 和 YY 位 置 、 3DZ 位 置 ( 仅 限 影片 剪辑 )、 2D 旋转 ( 绕 Z 轴 )、3DX、 
Y 和 Z 旋 转 ( 仅 限 影片 前 辑 )、 倾 斜 X 和 站、 缩放 X 和 站 、 颜 色 效果 ， 以 及 滤 镜 属性 。 


2. 补 间 范 围 


“ 补 间 范围 ” 指 时 间 轴 中 的 一 组 帧 ， 补 加 对象 的 一 个 或 多 个 属性 可 以 随 春 时 间 而 改变 。 补 间 范 围 在 时 
间 轴 中 显示 为 具有 蓝 色 形 景 的 单个 图 层 中 的 一 组 帧 ， 如 轿 9-56 所 示 的 第 1~20 帧 。 


每 个 补 间 范围 只 能 包含 一 个 元 件 实例 ， 该 实例 称 为 补 间 范围 的 目标 实例 。 将 第 二 个 元 件 | 
”注意 ”添加 到 补 问 范围 将 会 蔡 换 补 问 中 的 原始 元 件 。 


3. 属性 关键 由 

“属性 关键 帧 ”是 在 补 间 范 围 中 为 补 间 目 标 对 象 显 式 定 义 一 个 或 多 个 属性 值 的 帧 ， 在 时 间 轴 上 显示 为 
黑色 雁 形 ， 如 图 9-57 所 示 的 第 5 帧 。 如 果 在 单个 帧 中 设置 多 个 属性 ， 则 其 中 每 个 属性 的 属性 关键 帧 都 会 
主 留 在 该 帧 中 。 


“属性 关键 顿 ” 和 “关键 帧 ”的 概念 有 所 不 同 。 关键 帧 ”是 指 时 间 办 中 元 件 实 例 首 次 出 
|' 注意 ”现在 舞台 上 的 帧 。“ 属 性 关键 帧 ” 则 是 指 在 补 间 动画 中 定义 了 属性 值 的 特定 帧 。 


图 9-56 针 间 范 瑟 图 9-57 属性 关键 帧 


9.3.2 ”创建 衬 间 动画 


(1) 在 一 个 关键 帆 上 放置 一 个 对 象 。 
(2 ) 在 同一 层 创建 为 一 个 关键 帧 。 
(3 ) 选中 两 个 关键 帧 之 间 的 任 一 帧 ,执行 “插入 ”1 “ 补 间 动 画 ” 人 命令, 如 图 9-58 (a) 所 示 ; 或 右 击 ， 


在 弹出 的 快捷 沫 单 中 选择 “创建 补 问 动画 ”命令 ， 如 图 9-58 (b ) 所 示 。 
两 个 关键 帧 之 间 的 帧 范围 显示 为 蓝 色 ， 图 层 名 称 左 侧 显示 图 图 标 ， 如 图 9-59 所 示 。 


图 9-58 ”创建 补 闻 动画 图 9-59 ”建立 补 间 关系 


如 有 果 选 中 的 对 象 不 是 可 补 间 的 对 和 象 类 型 ， 或 者 在 同一 图 屋 上 选择 多 个 对 象 ， 将 显示 如 图 9-60 所 示 的 
对 话 框 。 单 击 “确定 ” 投 钮 可 以 将 所 选 内 容 转换 为 元 件 ， 然 后 继续 补 间 动 画 。 

(4) 右 击 帧 范围 中 任 一 帧 ， 在 弹出 的 快捷 荣 单 中 选择 “ 捅 和 人 关键 帧 ”下 的 子 命令 ， 如 图 9-61 所 示 。 
相应 的 帧 位 置 将 显示 一 个 黑色 的 契 形 标识 ,表示 属 性 关键 帧 。 


图 9-61 属性 关键 帧 的 类 型 


|。 车 要 对 3D 旋转 或 位 置 进行 补 问 ， 则 要 使 用 3D 旋转 或 3D 平移 工具 ， 并 确保 将 播放 头 放 
AP ! 置 在 要 添加 3D 属性 关键 帧 的 帧 中 。 

(6) 重复 (4) ~(5) 步 的 操作 ,创建 其 他 属性 关键 帧 。 
办 你 一 
本 

如 果 要 一 次 创建 多 个 补 间 ， 可 将 多 个 可 补 间 对 象 放 在 多 个 图 层 上 ， 并 选择 所 有 图 层 ， 然 后 执行 “ 括 
入 ”|“ 补 间 动 画 ” 命 令 。 


RR 
NE 画 ， 通 过 本 实例 的 步骤 讲解 ,读者 可 以 熟悉 属性 关键 帧 的 含义 ，: 
8 并 掌握 补 间 动 画 的 制作 方法 。 


CO 


。 首先 导入 一 幅 位 图 作为 背景 图 像 ， 并 导入 一 幅 动 画 GIF 图 像 到 库 中 ， 将 自动 生成 ， 
AN， 了 涪 厂 :一 个 影片 苋 辑 。 然 后 将 影片 剪辑 放 在 兽 台 上 ， 创 建 补 间 动 画 。 接 下 来 在 补 间 范围 内 添 
加 属性 关键 帧 ， 调 整 路 径 的 形状 、 实 例 的 位 置 、 大 小 和 旋转 角度 。 最 终 效 果 如 图 9-62 
所 示 ， 蝴 蝶 沿 自 定义 路 径 从 窗 边 飞 入 ， 变 换 大 小 和 飞行 方向 ， 最 后 飞 向 花丛 。 


图 9-62 ”动画 效果 


景 困 思 国 一 一 志 

(1 ) 新 建 一 个 Animate CC 2018 文档， 执行 “文件 ”|“ 导 入 ”|“ 导 人 到 舞台 ”命令 ， 在 舞台 中 导 人 
一 由 位 图 作为 背景 。 然 后 在 第 40 帧 按 FS 键 ， 将 帧 延长 到 第 40 帧 。 

(2 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 屋 ” 按 钮 , 新 建 一 个 图 层 。 执 行 “ 文 件 ”|“ 导 人 ”|“ 导 入 到 库 ” 
命令 ， 导 人 一 幅 蝴 蝶 飞 舞 的 动画 GIF 。 

此 时 ， 在 “ 库 ” 面 板 中 可 以 看 到 目 动 生成 的 一 个 影片 剪辑 元 件 ， 以 及 一 个 以 导 人 的 GIF 图 片 名 称 命 
名 的 文件 夹 ， 该 文件 夹 中 包含 GIF 图 片 各 帧 的 位 图 ， 且 这 些 位 图 按 顺 序 上 自动 命名 。 

(3 ) 选中 新 建 图 层 的 第 1 帧 ， 在 “ 库 ” 面 板 中 将 影片 剪辑 元 件 拖 放 到 舞台 上 合适 的 位 置 ， 如 图 9-63 
所 示 。 


44) 右 击 第 1 帧 至 第 40 帧 之 间 的 任意 一 帧 ,在 弹出 的 快捷 沫 单 中 选择 “创建 补 问 动画 ”命令 。 此 时 ， 
时 间 轴 上 的 补 间 范 围 变 为 淡 蓝 色 ， 图 层 名 称 左 侧 显示 图 图 标 ， 表 示 该 图 层 为 补 间 图 层 ， 如 图 9-64 所 示 。 


图 9-64 ”时 间 轴 效果 


(5 ) 在 图 层 2 的 第 10 帧 按 F6 键 ， 添 加 一 个 属性 关键 帧 。 将 舞台 上 的 实例 拖 放 到 合适 的 位 置 ， 然 后 
使 用 “任意 变形 工具 ”旋转 元 件 实例 到 合适 的 角度 ， 如 图 9-65 所 示 。 


此 时 ， 谈 者 会 发 现 舞 侣 上 出 现 一 条 市 有 很 多 小 点 的 线段 ， 这 条 线段 加 是 补 间 动画 的 运动 路 径 。 运 
动 路 径 显示 从 补 间 范围 的 第 一 帧 中 的 位 置 到 新 位 置 的 路 径 ， 线 段 上 的 问 点 个 数 代 表 帧 数 ， 例 如 本 例 中 
的 线段 上 一 共有 10 个 端点 ， 代 表 时 间 轴 上 的 10 上 着。 如 采 不 是 对 位 置 进 行 补 间 ， 则 舞台 上 不 显示 运动 
关外 一 罗 
人 人 为， 


选中 运动 路 径 或 补 间 范 围 之 后 , 单 击 属性 面板 右上 角 的 选项 菜单 按钮 ,从 中 选择 “始终 显示 运动 路 径 ” 
命令 ,可 以 在 舞台 上 同时 显示 所 有 图 层 上 的 所 有 运动 路 径 。 在 相互 交叉 的 不 同 运动 路 径 上 设计 多 个 动画 时 ， 
此 选项 非常 有 用 。 


(6 ) 将 “选择 工具 ” 移 到 路 径 上 的 闯 点 上 ， 鼠 标 指针 右 下 角 出 现 一 条 弧 线 ， 表 示 可 以 调整 路 径 的 这 
曲 度 。 按 下 鼠标 左 键 拖 到 合适 的 角度 ， 然 后 释放 鼠标 ， 如 图 9-66 所 示 。 


| 使 用 “部 分 选取 工具 ” 国 、“ 变 形 ” 面 板 、 属 性 面板 也 可 以 更 改 路 径 的 形状 或 大 小 ， 
人 入 i 以 将 自 定义 笔 能 作为 运动 路 径 进 行 应 用 。 


(7) 将 “选择 工具 ” 移 到 路 径 两 庄 的 器 点 上 ， 鼠 标 指 针 右 下 角 出 现 两 条 折线 。 按 下 鼠标 左 键 拖 动 ， 
调整 路 径 的 起 点 位 置 ， 如 图 9-67 所 示 。 


ds 


图 9-66 ”调整 路 径 的 弯曲 度 图 9-67 调整 路 径 


(8 ) 使 用 “部 分 选取 工具 ”图 单 击 线段 两 端的 顶点 , 线段 两 端 出 现 控制 手柄 , 按 下 鼠标 左 键 拖 动 控制 
柄 ， 可 以 调整 线段 的 弯曲 角度 ， 如 图 9-68 所 示 。 

(9 ) 右 击 图 层 2 的 第 20 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “ 择 人 关键 帧 ”命令 ， 并 在 子 染 单 中 选择 一 个 
属性 。 在 舞台 上 拖 动 实例 到 合适 的 位 置 ， 并 使 用 任意 变形 工具 国 调 整 实例 的 角度 。 

(10) 右 击 图 层 2 的 第 20 帆 ， 在 弹出 的 快捷 菜单 中 选择 “插入 关键 帧 ”命令 下 的 一 个 子 命令 添加 属 
性 关键 帧 ， 如 图 9-69 所 示 。 本 例 选 择 “ 挥 放 ， 然 后 使 用 “任意 变形 工具 ”调整 实例 的 大 小 。 


ee 
ea LA -mm me 


到 9-68 ”调整 路 径 的 弯曲 度 图 9-69 添加 属性 关键 由 


(11 ) 单 击 图 层 2 的 第 30 帆 ， 然 后 在 舞台 上 卸 动 实例 到 为 一 个 位 置 。 此 时 ， 时 间 轴 上 的 第 30 帧 会 E 
动 增加 一 个 关键 帧 。 右 击 第 30 帧 ， 在 如 图 9-69 所 示 的 快捷 沫 单 中 选择 “ 插 人 关键 帧 ”1 “ 扰 放 ”命令 ， 
然后 使 用 “任意 变形 工具 ”调整 实例 的 大 小 。 

(12 ) 在 图 9-69 所 示 的 快捷 沫 单 中 选择 “ 插 人 关键 帧 ”|“ 旋 转 ” 人 个 令 ， 在 第 30 帧 新 增 一 个 属性 关键 
帧 ， 然 后 使 用 “任意 变形 工具 ”调整 实例 的 旋转 角度 。 

(13 ) 按 Enter 键 测试 动画 效果 ， 可 以 看 到 ， 蝴 蝶 实 例 将 沿路 径 运 动 。 此 时 ， 如 末 在 时 间 轴 上 拖 动 补 
间 范 围 的 任 一 器， 可 以 缩短 或 延长 补 问 范 围 。 

(14 ) 执行 “文件 ”1 “保存 ”命令 保存 文档 。 


9.3.4 ”修改 守则 属性 


创建 补 间 动 画 之 后 ， 使 用 属性 面板 可 以 编辑 当前 帧 中 补 间 的 任何 属性 的 值 。 
(1) 将 播放 头 放 在 补 间 范 围 内 要 指定 属性 值 的 帧 中 ， 然 后 单 击 舞台 上 要 修改 属性 的 补 间 实 例 。 


236， AAnimate Ce oo /a 
Eo 
(2) 打开 补 间 实例 的 属性 面板 ， 设 置 实例 的 非 位 置 属性 〈 例 如 ， 
aa 缩放 、Alpha 透明 度 和 倾斜 等 )。 

(3 ) 修改 完成 之 后 ， 拖 动 时 间 轴 中 的 播放 头 ， 在 舞台 上 和 查看 补 间 。 

此 外 ， 通 过 在 属性 面板 上 对 补 间 动 画 应 用 绥 动 ， 可 以 轻松 地 创建 复 
杂 动 画 ， 而 无 需 创 建 复杂 的 运动 路 径 。 例 如 ， 目 然 界 中 的 目 由 落体 、 行 
驶 的 汽车 。 

(4) 在 时 间 轴 上 或 舞台 上 的 运动 路 径 中 选择 需要 设置 组 动 的 补 间 ， 
然后 切换 到 如 图 9-70 所 示 的 属性 面板 。 

(5 ) 在 “组 动 ” 文 本 框 中 键入 需要 的 强度 值 。 如 果 为 负 值 ， 则 运动 
越 来 越 快 ; 如 果 为 正 值 ， 则 运动 越 来 越 慢 。 

在 属性 面板 中 应 用 的 缓 动 将 影响 补 间 中 包括 的 所 有 属性 。 

(6) 在 “旋转 ”区 域 设 置 补 间 的 目标 实例 的 旋转 方式 。 选 中 “调整 

图 9-70” 补 间 动 画 的 属性 面板 到 路 径 ” 选 项 ， 可 以 使 目标 实例 相对 于 路 径 的 方向 保持 不 变 进行 旋转 。 

(7) 在 : 路 径 ” 区 域 修 改 运动 路 径 在 舞台 上 的 位 置 。 

编辑 运动 路 径 最 简单 的 方法 是 在 补 间 范围 的 任何 帧 中 移动 补 间 的 目标 实例 。 在 属性 面板 中 设置 和 和 

Y 信 ， 也 可 以 移动 路 径 的 位 置 。 


咎 要 通过 指定 运动 路 径 的 位 置 来 移动 补 癌 目标 实例 和 和 运动 路 径 ， 则 应 同时 选择 这 两 者 ， \ 
然后 在 属性 面板 中 输入 义 和 YY 位 置 。 若 要 移动 没有 运动 路 径 的 补 间 对 和 象 ， 则 选择 该 对 象 ，| 
然后 在 属性 面板 中 输入 X 和 了 值 。 


复制 、 粘 贴补 间 动 画 


利用 复制 、 粘 贴补 间 动 画 功 能 可 以 复制 补 间 动 画 ， 并 将 帧 、 补 间 和 元 件 信 息 粘 贴 到 其 他 对 象 上 。 将 
补 间 动 画 粘 贴 到 其 他 对 象 时， 可 以 选择 粘贴 所 有 与 该 补 间 动 画 相 关联 的 属性 ， 或 选择 适用 于 其 他 对 象 的 
特定 属性 。 

(1 ) 在 时 间 轴 上 选中 包含 补 间 动画 的 补 间 范围 。 

(2 ) 执行 “编辑 ”|“ 时 间 轴 ”|“ 复 制 动 画 ” 命 令 

(3 ) 在 兽 台 上 选择 要 接收 补 间 动画 的 元 件 实 例 。 

(4 ) 执行 “编辑 ”|“ 时 间 轴 ”|“ 粘 贴 动画 ”命令 

执行 上 述 操 作 后 ， 接收 动画 的 元 件 实例 及 其 所 在 图 层 将 插入 必需 的 帧 、 补 间 和 元 件 信 息 ， 以 匹配 复 
制 的 原始 补 间 。 


[EECOAE | 


»。 丢 回 本 节 练 习 制 作 水 滴 下 落 ， 泛 起 涟 游 的 动画 效果 ， 知 识 点 涉及 基础 图 形 的 绘制 和 填 
SS 兰 目 品 充 、 传 统 补 间 和 形状 补 间 动 画 的 制作 。 通 过 本 节 的 练习 ， 读 者 可 以 进一步 掌握 传统 补 | 
当 | 间 和 形状 补 闻 动 画 的 原理 ， 并 能 设计 、 制 作 一 些 常见 的 动画 效果 。 : 


中 中 
PE 


设计 ”首先 绘制 波纹 和 水 滴 元 件 ， 通 过 改变 填充 色 和 Alpha 值 ， 设 置 波纹 和 水 滴 的 颜色 ， 
人 向 利用 形状 补 间 动 画 制作 波纹 扩大 动画 ; 然后 使 用 传统 补 间 动 画 制 作 水 滴 下 落 、 溅 起 水 ; 
JI 珠 的 动画 效果 。 水 滴 下 落 泛 起 涟 洲 的 全 过 程 如 图 9-71 所 示 。 


本 9-71 ”水 滴 下 洪 泛 起 涟 满 的 全 这 程 


探 因 罗 国 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 六 
9.4.1 ”制作 波纹 扩大 的 动画 | 


(1 ) 新 建 一 个 Animate CC 2018 文件 ( ActionScript 3.0 ), 背景 色 为 深蓝 色 ( #0066FF )。 

(2 ) 执行 “插入 ”|“ 新 建 元 件 ” 命 令 ， 在 弹出 的 “创建 新 元 件 ” 对 话 框 中 输入 元 
件 的 名 称 “ 波 纹 ”， 类 型 为 “图 形 ”， 如 图 9-72 所 示 。 单 击 “ 确 定 ” 按 钮 ， 进 入 波纹 元 
件 的 编辑 模式 。 

(3 ) 选择 工具 箱 中 的 “椭圆 工具 ” 国 , 在 属性 面板 中 将 笔触 颜色 设 为 白色 ,笔触 大 小 设置 为 2, 无 填充 ， 
绘制 一 个 椭圆 形 线 框 ， 如 图 9-73 所 示 。 

(4) 选中 椭圆 形 线 框 ,打开 “信息 ”面板 , 设置 “ 宽 ” 为 30,“ 高 ”为 6, XX 为 -15, Y 为 3， 使 元 
件 的 注册 点 位 于 椭圆 中 心 ， 如 图 9-74 所 示 。 


和 | 

这 2 暗沙 油 | 驯 涡 
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图 9-72 “创建 新 元 件 ” 对 话 框 图 9-73 ”给 制 一 个 椭圆 图 9-74 “信息 ”面板 


(5 ) 执行 “修改 ”|“ 形 状 ”|“ 将 线条 转化 为 填充 ”命令 ， 将 椭圆 的 线 框 转变 为 填充 区 域 。 然 后 打开 
“颜色 ”和 面板， 设置 填充 类 型 为 “ 径 癌 渐变”， 第 一 个 颜色 游标 为 #ADAEFF，Alpha 值 为 75%， 如 图 9-75 
所 示 。 桶 圆 线 框 变 成 渐变 色 ， 如 图 9-76 所 示 。 

(6) 执行 “修改 ”|“ 形 状 ”|“ 和 柔 化 填充 边 绿 ”命令 , 在 弹出 的 对 话 框 中 设置 “距离 ”为 2 像素 ,“ 步 
长 数 ” 为 6,“ 方 同 ” 为 “扩展 ”"， 如 图 9-77 所 示 。 然 后 单 击 “确定 ”按钮 关闭 对 话 框 ， 此 时 椭圆 线 框 将 
出 现 柔 化 效果 ， 如 图 9-78 所 示 。 

07 ) 在 第 30 帆 按 F6 键 插 入 一 个 关键 帧 ， 执 行 “编辑 ” | “清除” 命令， 删除 第 30 帆 的 图 形 。 

(8 ) 用 第 (3 ) 步 的 方法 绘制 一 个 椭圆 线 框 ， 并 通过 “信息 ”面板 将 “ 冤 ” 设 置 为 300,“ 高 ”为 60， 
X 和 了 分 别 为 -150 和 -30。 然 后 执行 “修改 ”|“ 形 状 ”|“ 将 线条 转化 为 填充 ”命令 ， 将 椭圆 线 框 转化 
为 可 填充 图 形 ， 并 打开 “颜色 ”面板 进行 填充 。 
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图 9-75 ”颜色 设置 图 9-76 ”填充 后 的 椭圆 图 9-77 “和 柔 化 填充 访 缘 ”对 话 框 


(9 ) 执行 “修改 ”| “形状 ”| “和 柔 化 填充 边 绿 ”命令 ,在 弹出 的 对 话 框 中 进行 如 图 9-79 所 示 的 设置 ,“ 距 
离 ” 为 12 像 系 ,“ 步 长 数 ” 为 6。 单 击 “ 确 定 ” 按 钮 ， 此 时 的 波纹 效果 如 图 9-80 所 示 。 


图 9-78 和 柔 化 后 的 椭圆 图 9-79 和 柔 化 属性 设置 图 9-80 和 柔 化 后 的 效果 


( 10 ) 右 击 第 1 幅 到 第 30 帧 之 间 的 任意 一 帧 ， 从 弹出 的 快捷 沫 单 中 选择 “创建 补 间 形状 ”命令 。 此 
时 按 Enter 键 就 可 以 看 到 波纹 变化 的 效果 。 
9.4.2 ”制作 水 滴 下 落 效 果 

(1 ) 执行 “插入 ”1“ 新 建 元 件 ” 命 令 ,新 建 一 个 名 为 “水 滴 ” 的 图 形 元 件 , 单 击 “ 确 
定 ” 按 钮 ， A 

(2 ) 选择 “椭圆 工具 ”， 在 属性 面板 上 设置 笔触 颜色 为 白色 ， 笔 触 大 小 为 1, 填充 “9 7 wk 
设置 为 与 波纹 相同 的 渐变 模式 ， 按 住 Shift 键 绘 制 一 个 正 圆 ， 如 图 9-81 所 示 。 


(3 ) 将 “选择 工具 ”加 移 到 圆 形 上 端 , 当 鼠 标 指针 下 方 显 示 弧 线 时 按 件 Ctrl 键 ,在 圆 形 上 端 拖 动 鼠标 ， 
使 图 形变 为 水 滴 形 ， 如 图 9-82 所 示 。 


图 9-81 给 制 一 个 圆 图 9-82 ”使 圆 变 成 术 滴 


(4 ) 单 击 编辑 栏 上 的 “场景 1” 按钮 ,返回 主场 景 。 打 开 “ 库 ”面板 ,将 “水 滴 ” 元 件 拖 放 到 舞台 顶部 ， 


接 下 来 制作 水 滴 下 落 的 动画 。 
(5 ) 选择 第 7 帧 , 按 F6 键 插 入 一 个 关键 帧 。 然 后 按 住 Shift 键 的 同时 , 使 用 “选择 工具 ”向 下 拖 动 水 


滴 ， 将 其 拖 动 到 舞台 的 中 下 位 置 时 ， 释 放 鼠 标 ， 如 图 9-84 所 示 。 


图 9-83 水滴 的 初始 位 置 图 9-84 ”水滴 贻 末 伍 置 


(6) 右 击 第 1 帧 到 第 7 帧 之 间 的 任 一 帆 ， 从 弹出 的 快捷 沫 单 中 选择 “创建 传统 补 间 ” 命 令 ， 创 建 水 
滴 下 落 的 动画 。 

(7) 执行 “插入 ”|“ 时 间 轴 ”|“ 图 层 ” 命 令 , 添加 一 个 新 图 层 , 使 用 默认 名 称 “图 层 2 ”。 选 中 第 10 
帧 , 按 FE6 键 将 其 转换 为 关键 帧 。 然 后 从 “ 库 ” 面 板 中 将 波纹 元 件 拖 放 到 水 滴 的 下 方 , 位 置 如 图 9-85 所 示 。 


人 | 为 便于 放置 波纹 实例 的 位 置 ， 可 以 在 图 层 1 的 第 10 帧 插入 帧 。 动 画 创建 完成 后 记得 删除 
AP 1 该 图 层 的 第 8 帧 到 第 10 帧 。 


(8 ) 选中 图 层 2 的 第 36 帧 , 按 F6 键 设置 为 关键 帆 。 在 舞台 上 选中 波纹 实例 ,在 属性 面板 “色彩 效果 ” 
区 域 的 “样式 ”下 拉 列 表 中 选择 “Alpha” 选 项 ， 将 其 值 设 置 为 0%， 如 图 9-86 所 示 。 


图 9-85 波纹 的 位 置 图 9-86 ”第 36 帧 的 色彩 效果 设置 


(9 ) 右 击 图 层 2 的 第 10 帧 到 第 36 帧 中 的 任意 一 帧 ， 从 弹出 的 菜单 中 选择 “创建 传统 补 间 ”命令 。 
至 此 ， 水 波纹 扩大 并 消失 的 效 采 束 完 成 了 。 

(10 ) 在 图 层面 板 左 下 和 角 单 击 “ 新 建 图 层 ” 按 钮 新 建 4 个 图 层 ， 按 住 Shift 键 单 击 图 层 3 至 图 层 6， 
将 新 建 图 层 的 所 有 帧 全 部 选中 ， 如 图 9-87 所 示 。 右 击 被 选中 的 帧 ， 从 弹出 的 快捷 沫 单 中 选择 “删除 帧 ” 
命令 ， 将 选中 的 帧 全 部 删除 。 


图 9-87 ”选中 图 居 上 的 帧 


(11 ) 右 击 图 层 2 的 第 10 帧 到 第 36 帧 ， 从 弹出 的 快捷 沫 单 中 选择 “复制 帧 ”命令 。 然 后 右 击 图 层 3 
的 第 15 帧 ,从 弹出 的 快捷 沫 单 中 选择 “粘贴 帧 ”命令 ,将 图 层 2 第 10 帧 到 第 36 帧 的 内 容 复制 到 图 层 3 上 ， 
效果 如 图 9-88 所 示 。 

(12 ) 右 击 图 层 4 的 第 19 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “粘贴 帧 ”命令 ， 此 时 的 舞台 效果 如 图 9-89 
所 示 。 


图 9-88 第 13 顶 的 效果 图 9-89 第 19 杆 的 效果 


(13 ) 右 击 图 层 5 的 第 25 帧 ， 从 弹出 的 快捷 沫 单 中 选择 “粘贴 帧 ”命令 ， 此 时 的 舞台 效 末 如 图 9-90 
所 示 。 

(14 ) 右 击 图 层 6 的 第 31 帧 ， 从 弹出 的 快捷 菜单 中 选择 “粘贴 帧 ”命令 ， 此 时 的 舞台 效果 如 图 9-91 
所 示 。 


CC & E03 


图 9-90 ”第 25 帧 的 效果 图 9-91 第 31 顶 的 效果 
(15 ) 将 播放 头 拖 放 到 第 1 帧 ， 按 下 Enter 键 ， 就 可 以 看 到 水 滴 下 落 并 荡 开 涟 满 的 效果 。 
9.4.3 制作 溅 起 水 珠 的 效 末 


(1 ) 执行 “插入 ”|“ 新 建 元 件 ” 命 令 ， 新 建 一 个 名 为 “水 珠 ” 的 图 形 元 件 。 在 元 
件 编辑 窗口 选择 “ 栖 圆 工具 ， 设 置 笔触 颜色 为 日 色 ， 大 小 为 1， 填充 颜色 为 与 波纹 和 
水 滴 相 同 的 径 辐 渐变 。 按 住 Shift 键 绘制 一 个 正 圆 。 然 后 单 击 编辑 栏 上 的 “返回 场景 ” 

(2 ) 单 击 “ 新 建 图 层 ” 按 钮 新 建 图 层 7, 在 第 10 帧 按 F6 键 插入 天 键 帧 ， 然 后 在 “ 库 ” 面 板 中 将 “水 
珠 ” 元 件 拖 放 到 舞台 上 ， 位 置 如 图 9-92 所 示 。 

(3 ) 按 下 Ctrl 键 单 击 图 层 7 的 第 12 帧 和 第 14 帧 ， 近 F6 键 将 第 12 帧 和 第 14 帧 设置 为 关键 帆 。 

(4) 选中 第 12 帆 ， 然 后 选中 舞台 上 的 水 珠 实例 ， 在 属性 面板 上 将 Alpha 值 设置 为 50。 使 用 “任意 
变形 工具 ”将 水 珠 实例 略微 放大 ， 然 后 同上 拖 动 ， 移 动 到 如 图 9-93 所 示 的 位 置 。 

(5 ) 选中 第 14 帆 , 然 后 选中 舞台 上 的 水 珠 实例 ,在 属性 面板 上 将 Alpha 值 设 置 为 0。 使 用 “选择 工具 ” 
将 水 珠 同 下 移动 ， 移 动 后 的 位 置 如 图 9-94 所 示 。 


图 9-92 ”水 珠 实 例 的 位置 图 9-93 ”第 12 帧 水 珠 的 位 置 图 9-94 画 层 7 第 14 帧 中 水 珠 的 位 置 


(6) 右 击 图 层 7 的 第 10 巾 到 第 12 帧 的 任 一 帧 ， 从 弹出 的 快捷 沫 单 中 选择 “创建 传统 补 间 ” 命 令 。 
同样 的 方法 ， 在 图 层 7 的 第 12 帧 ~ 第 14 帧 之 间 创 建 传统 补 间 关系 。 

(7) 新 建 图 层 8， 在 第 10 帧 按 F6 键 转换 为 关键 帧 。 从 “ 库 ” 面 板 中 将 水 珠 元 件 拖 放 到 舞台 上 ， 将 
它 略 微 放 大 后 拖 到 如 图 9-95 所 示 位 置 。 

(8 ) 按 住 Ctl 键 单 击 图 层 8 的 第 13 帧 和 第 16 帧 ， 并 按 F6 键 转 换 为 关键 帧 。 用 第 《4 ) 步 的 方法 将 
第 13 帧 的 水 珠 实例 变 成 半 透 明 ， 再 略微 放大 后 拖 放 到 如 图 9-96 所 示 的 位 置 。 同 样 的 方法 ， 将 第 16 帧 的 
水 珠 实例 Alpha 值 设置 为 0， 然 后 拖 放 到 合适 的 位 置 。 

(9 ) 右 击 图 层 8 的 第 10 帆 到 第 13 帧 的 任 一 帧 ， 从 弹出 的 快捷 沫 单 中 选择 “创建 传统 补 间 ” 命 令 。 
同样 的 方法 ,在 第 13 帧 ~ 第 16 帧 之 间 创 建 传统 补 间 关 系 。 

(10 ) 新 建 图 层 9， 在 第 10 帧 近 F6 键 转 换 为 关键 帧 。 在 “ 库 ” 面 板 中 将 水 珠 元 件 拖 放 到 舞 侣 上， 将 
它 略 微 放大 之 后 拖 到 如 图 9-97 所 示 的 位 置 。 


图 9-95 图 层 8 第 10 帧 的 水 珠 位 置 图 9-96 ”图 居 8 第 13 帧 中 的 水 珠 位 置 图 9-97 ”图 居 9 第 10 帧 中 术 珠 的 位 置 
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(11) 按 住 Ctrl 键 单 击 图 层 9 的 第 13 帧 和 第 16 帆 ， 并 按 F6 键 转换 为 关键 帆 。 用 第 〈4 ) 步 的 方法 将 
第 13 帧 实例 变 成 半 透 明 ,略微 放大 后 拖 到 如 图 9-98 所 示 的 位 置 。 同 样 的 方法 ,将 第 16 帧 实例 变 成 全 透明 ， 
拖 放 到 如 图 9-99 所 示 位 置 。 


妈 9-98 ”图 居 9 中 第 13 帧 中 水 珠 的 位 置 图 9-99 ”图 居 9 第 16 帧 中 水 珠 的 位 置 


(12 ) 分 别 选中 图 层 9 的 第 10 帧 ~- 第 13 帧 、 第 13 帧 ~ 第 16 帧 ,执行 “ 插 信人” 1 “创建 传统 补 间 ” 
命令 ， 创 建 传 统 补 间 动 画 。 
至 此 ， 动 画 制作 完成 ， 此 时 的 时 间 轴 窗口 如 图 9-100 所 示 。 
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图 9-100 ”动画 全 这 程 的 时 间 轴 


9.5 人 省 疑 解 惑 


1. 什么 情况 下 用 形状 补 间 、 传 统 补 间 ? 

答 : 顾名思义 ， 在 形状 发 生变 化 时 创建 形状 补 间 ， 但 两 个 实例 必须 打 散 ; 形状 不 发 生变 化 ， 只 十 方 
位 发 生变 化 (移动 ) 则 创建 动画 补 间 ， 两 个 实例 不 可 打 散 。 

2. 如 何 精确 控制 形状 变形 ? 

答 : 选取 形状 补 回 的 第 1 帧 ， 执 行 “ 修 改 ” 1 “形状 ”1 “添加 形状 提示 ”命令 ， 或 按 Ctrl+ShiftrH 
健 束 可 加 上 一 个 形状 提示 点 ， 同 时 在 形状 补 间 的 最 后 一 帧 也 会 同步 出 现 相应 的 形状 提示 点 。 适 当地 调整 
开始 和 结束 提示 点 的 位 置 ， 增 加 提示 操 的 数量 ， 就 可 实现 精确 的 变形 效 采 。 

3. 怎样 使 用 形状 补 间 制 作 一 条 直线 逐渐 延伸 的 动画 ? 

答 : 在 开始 关键 帧 绘制 一 个 较 短 的 线段 ， 在 结束 关键 帧 绘制 一 个 较 长 的 线段 ， 两 个 关键 帧 中 的 线段 
局 度 和 位 置 一 定 要 相同 。 然 后 在 两 个 关键 帆 之 间 创 建 形状 补 间 。 

4. 怎样 制作 一 幅 图 由 模糊 变 清 晰 的 动画 效果 ? 

答 : 自 完 建立 两 个 图 层 ， 第 一 层 放 置 模糊 的 图 片 ， 第 二 层 放置 清晰 的 图 片 。 然 后 把 第 二 层 的 图 片 转 
换 为 元 件 ， 在 起 始 关 键 帆 将 实例 的 Alpha 值 设 小 一 些 ， 在 结束 关键 帧 将 实例 的 Alpha 值 设置 为 100%， 最 
后 在 两 个 关键 帧 之 间 创 建 传统 补 间 。 


9.6 ”学 习 效 果 目 测 


一 、 选 择 题 
1. 在 创建 补 间 动画 时 ， 一 个 时 间 段 内 一 个 图 层 可 以 包含 的 补 间 动 画 对 象 个 数 为 上 上 
A. 两 个 B. 多 个 C. 一 个 
2. 创建 正确 的 传统 补 间 动 画 后 ， 两 个 关键 帆 之 间 用 一 条 ( ) 表示 。 
A. 蓝 色 的 实 线 B. 蓝 色 的 虚线 C. 绿色 的 实 线 D. 绿色 的 虚线 
3. 创建 正确 的 形状 补 间 动画 后 ， 两 个 关键 帧 之 间 用 一 条 1 雪 直 ， 
A. 蓝 色 的 实 线 B. 蓝 色 的 虚线 C. 绿色 的 实 线 D. 绿色 的 虚线 
4. 一 个 动画 中 ， 第 $ 帧 与 第 10 帧 都 是 一 个 元 件 实例 ， 则 它们 之 间 的 补 间 类 型 是 上 
A. 传统 补 间 B. 补 间 形状 C. 逐 帧 动画 D. 三 种 都 可 以 
5. 要 制作 一 个 圆 形 逐 渐变 为 心 形 的 动画 ， 可 以 使 用 ( ) 补 间 。 
A. 传统 B. 形状 C. 两 种 都 可 以 D. 两 种 都 不 可 以 
二 、 填 空 题 
1. 要 创建 传统 补 间 动 画 ， 关 键 帧 中 的 对 象 必 须 为 。 要 创建 补 间 形 状 动画 ， 关 键 帧 中 的 对 象 
必须 为  。 
2. 如 果 要 在 有 摄像 头 图 层 的 场景 中 粘贴 图 层 ， 只 能 将 图 层 粘 贴 到 摄像 头 图 层 的 
3. 是 通过 为 不 同 帧 中 的 对 象 属性 指定 不 同 的 值 创建 的 动画 。 
4. 创建 补 间 动 画 时 ， 通 过 设置 可 以 改变 对 象 在 动画 过 程 中 的 变化 速度 。 其 中 正 值 表示 变化 
; 0 表示 ; 负 值 表示 变化 


5.“ 属 性 关键 帧 ”和 “关键 帧 ”的 概念 不 同 ， 是 指 时 间 轴 中 元 件 实例 首次 出 现在 舞台 上 的 帧 ; 
” 则 是 指 在 补 则 动画 中 定义 了 属性 值 的 特定 帧 。 


@EOS 


在 第 9 章 介 绍 的 传统 补 间 动 画 的 制作 中 ， 传 统 补 间 的 轨迹 都 是 
Animate CC 2018 自动 生成 的 ， eg 作 的 
要 求 。 很 多 时 候 ， 需 要 给 定 动 画 运 动 的 路 线 ， 做 出 很 多 特殊 的 效果 。 

Animate CC 2018 提供 引导 层 ， 使 用 引 寻 层 可 以 创建 物体 洛 弧 线 、 
圆 形 或 不 规则 形状 的 路 径 运动 的 动画 效果 ， 如 卫星 绕 月 旋转 、 鱼 儿 游 
动 、 蝴 蝶 关 天 飞 兰 ， 等 年 。 可 以 说 ， 在 制作 以 元 件 实 倒 为 对 浊 并 沿 着 
”路径 运动 的 动画 中 ， 运 动 引导 层 是 最 首 遍 、 方 便 的 工具 。 而 且 运动 引 
导 层 中 的 内 容 在 最 后 生成 的 动画 中 是 不 可 见 的 。 


动 引导 层 的 区 别 
* Vd 时 路 和 和 
人 掌握 基 于 笔 甬 和 颜色 的 引导 动画 制作 的 方法 


10.1 认识 引导 层 


引导 图 层 的 作用 就 是 引导 与 它 相关 联 图 层 中 对 象 的 运动 轨迹 或 定位 。 引 导 图 层 只 在 舞台 上 可 见 ， 在 
最 终 影片 中 不 会 显示 引导 层 的 内 容 。 只 要 合适 ， 可 以 在 一 个 场景 中 或 影片 中 使 用 多 个 引导 层 。 
引导 图 层 有 两 类 : 普通 引导 层 和 运动 引导 层 。 


10.1.1 普通 引导 层 


普通 引导 层 只 能 起 到 辅助 绘图 和 绘图 定位 的 作用 。 例 如 ， 通 过 临摹 别人 
的 作品 进行 绘画 、 放 置 一 些 文字 说 明 、 元 件 位 置 参 考 等 信息 ， 用 作 注 解 。 
(1 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 国 ， 创 建 一 个 普通 图 层 。 
(2 ) 右 击 创建 的 图 层 ， 在 弹出 的 快捷 菜单 中 选择 “引导 层 ” 命 令 ， 即 可 
将 图 层 创建 为 普通 引导 层 。 此 时 , 图 层 名 称 左 侧 显示 图 标 国 , 如 图 10-1 所 示 。 
重复 执行 上 一 步 的 操作 ， 可 以 在 普通 引导 层 和 普通 图 层 之 间 进 行 切 换 。 


10.1.2 ”运动 ?| 证 层 
运动 引导 层 的 主要 功能 是 绘制 动 甸 的 运动 轨迹 ， 内 容 通 党 是 用 钢笔 、 馈 笔 、 线 条 、 椭 圆 工 具 、 甜 形 


工具 或 画笔 工具 等 绘制 的 线条 。“ 被 引导 层 ” 中 的 对 和 象 沿 看 引导 线 运动 ， 可 以 是 影片 斑 答 、 图 形 元 件 、 按 
钮 、 文 字 等 ， 但 不 能 是 形状 。 


图 10-1 创建 普通 引导 居 


由 于 引导 线 是 一 种 运动 轨迹 ， 不 难 想象 ,“ 被 引导 层 ” 中 最 常用 的 动画 形式 是 动作 补 间 动画 ， 当 播放 
动画 时 ， 一 个 或 数 个 元 件 将 沿 着 运动 路 径 移动 ， 如 图 10-2 所 示 。 


图 10-2 证 动 引导 路 径 


10.2 创建 引导 路 径 动 画 
在 Animate CC 2018 中 ， 使 一 个 或 多 个 对 象 沿 同一 条 路 径 运 动 的 动画 形式 被 称 为 “引导 路 径 动 画 ”， 
这 种 动画 可 以 使 一 个 或 多 个 元 件 完成 曲线 或 不 规则 的 运动 动画 。 
(1 ) 选中 包含 有 传统 补 间 动画 的 图 层 。 


(2) 石 击 图 层 的 名 称 栏 ， 从 弹出 的 快捷 沫 单 中 选择 “ 活 加 传统 运动 引 | 
寻 层 ”命令 。 

此 时 会 创建 一 个 引导 图 层 ， 名 称 左 侧 显 示 引 导 图 标 国 ， 并 与 刚才 选中 的 
图 层 关 联 起 来 ， 如 图 10-3 所 示 。 可 以 看 到 被 引导 图 层 的 名 字 辐 右 缩 进 。 

(3 ) 使 用 绘图 工具 在 运动 引导 层 上 绘制 一 条 路 径 。 

路 径 引 导 动 画 最 重要 的 操作 就 是 将 运动 实例 “附着 ”在 “3 引导 路 径 ” 上 .， 

(4 ) 选中 动画 图 层 的 起 始 关键 帧 ， 将 实例 的 中 心 点 与 路 径 的 一 个 奖 氮 对 齐 ， 如 图 10-4 (a ) 所 示 。 

(5 ) 选中 动画 图 层 的 结束 关键 巾 ， 将 实例 的 中 心 点 与 路 径 的 为 一 个 端点 对 齐 ， 如 图 10-4(b ) 所 示 。 


图 10-3 ”创建 证 动 引导 图 局 


制作 路 径 引 导 动 画 时 ， 被 引导 对 象 的 起 点 、 终 点 的 两 个 中 心 点 一 定 要 与 引导 线 的 两 个 端 | / 
| 六 头 对 齐 。 这 一 点 非常 重要 ， 是 路 径 引 导 动画 顺利 运行 的 前 提 。 在 操作 过 程 中 ， bd 
Be 的 “ 贴 紧 至 对 象 ”按钮 月， 可 以 使 “对 象 附着 于 引导 线 ” 的 操作 更 容易 。 


如 果 想 让 对 象 做 圆周 运动 ， 可 以 在 引导 层 绘制 园 形 轮廓 ， 再 用 橡皮 擦 工具 擦 除 一 小 段 ， 使 圆 形 线 段 
现 两 个 端点 ， 再 把 对 音 的 起 始 、 终 点 中 心 点 分 别 对 准 圆 形 线段 的 端点 即 可 。 此 外 ， 引 寻 线 还 能 重 登 ， 
比如 螺旋 状 引 和 导线， 但 在 重 登 处 的 线段 必须 保持 圆润 ， 能 辨认 出 线段 走向 ， 否 则 会 使 引导 失败 。 


10.2.1 修改 引导 动画 


“被 引导 层 ” 中 的 对 象 在 被 引导 运动 时 ， 还 可 作 更 细致 的 设置 ， 比 
如 运动 速度 、 方 向 、 旋 转 等 。 

选中 动画 的 一 个 关键 帧 ， 执 行 “窗口 ” | “属性 ”命令 ， 打 开 如 
色 10-5 所 示 的 属性 设置 面板 。 

该 面板 中 的 选项 功能 已 在 第 9 章 的 传统 补 间 动画 部 分 进行 了 介绍 ， 
本 市 简要 介绍 几 个 路 径 引 导 动 画 中 第 用 的 选项 。 

如 果 选 中 “调整 到 路 径 ” 选 项 ， 对 象 的 基线 就 会 调整 到 运动 路 径 。 国宝 本 
而 如 果 在 “对 齐 ” 前 打 勾 ， 元 件 的 注册 点 就 会 与 运动 路 径 对 齐 。 a 及 

N 贴 紧 : 选中 该 项 ， 可 以 将 动画 对 象 吸附 在 引导 路 径 上 ， 与 按 下 Pe 

工具 箱 中 的 “ 贴 紧 至 对 浊 ” 按 钮 功能 相同 。 图 10-5 ”传统 补 间 属性 设置 


图 10-6 选中 “调整 到 路 径 ” 前 、 后 的 效果 


外 沿路 径 着 色 : 被 引导 对 象 的 颜色 随 路 径 的 颜色 变化 而 变化 。 
外 沿路 径 缩放 : 被 引导 对 象 的 大 小 根据 路 径 的 笔触 粗细 变化 进行 相应 的 缩放 。 


10.2.2 上 机 练习 一 一 光 点 运动 


[| 


”本 节 练 习 使 用 引导 路 径 动画 原理 制作 一 个 光 点 运动 的 动 
画 ， 通 过 操作 步骤 的 详细 讲解 ， 使 读者 熟练 掌握 引导 路 径 动 
务 的 制作 方法 和 技巧 。 : 


国 
F 
[| 


[| 
中 

中 

国 


首先 新 建 一 个 Animate CC 2018 文档 ， 使 用 “和 矩形 工具 ”和 “渐变 变形 工具 ” 制 : 

注 钱 ， 作 一 个 渐变 的 背景 。 然 后 使 用 “ 梢 国 工 具 ” 和 “颜色 ”面板 制作 图 形 元 件 ， 通 过 创建 

/> 党 吕 】 传统 补 问 ,制作 图 形 实例 的 位 移动 画 和 淡出 动画 , 接 下 来 为 传统 补 间 图 层 添加 引导 路 径 ， 
由 | 使 图 形 实例 沿路 径 运动 并 消失 。 最 后 复制 图 层 ， 制 作 其 他 图 形 实例 的 运动 效果 ， 最 终 
效果 如 图 10-7 所 示 。 : 


图 10-7 动画 效果 


ee 1 

(1) 执行 “文件 ”|“ 新 建 ” 命 令 ， 新 建 一 个 Animate CC 2018 文档 。 

(2 ) 选择 “和 形 工 具 "， 在 属性 面板 上 设置 笔触 颜色 “无 "”， 填 充 色 任意 ， 在 舞台 上 绘制 一 个 和 矩形 。 
选中 绘制 的 图 形 ， 打 开 “ 人 信息” 面板 ,设置 矩形 的 大 小 与 舞台 大 小 相同 ， 有 日 左 上 角 与 舞台 左上 角 对 齐 ， 


如 图 10-8 所 示 。 

(3 ) 选中 窍 形 ， 打开 “颜色 ”面板 ， 设 置 “颜色 类型 ”为 “线性 渐变 ”， 第 一 个 游标 颜色 为 橙色 ， 第 
二 个 游标 颜色 为 贡 色 ， 如 图 10-9 所 示 。 

(4) 在 工具 箱 中 选择 “渐变 变形 工具 ”"， 旋 转 矩 形 的 渐变 角度 ， 如 图 10-10 所 示 。 


未 加 到 色 板 


图 10-8 设置 定形 大 外 和 仁 置 图 10-9 设置 填充 样式 图 10-10 调整 渐变 色 


(5 ) 执行 “插入 ”|“ 新 建 元 件 ” 命 令 , 弹出 “创建 新 元 件 ” 对 话 框 ,设置 “名 称 ” 为 “point”,“ 类 型 ” 
为 “图 形 ”， 单 击 “ 确 定 ” 按 钮 进入 元 件 编 辑 窗口 。 选 择 “ 椭 圆 工 具 ”， 无 笔触 颜色 ， 按 住 Shift 键 绘 制 一 
个 正 圆 ， 直 径 为 12 像素 ， 如 图 10-11 所 示 。 

(6 ) 选中 绘制 的 正 圆 ， 打 开 “ 颜 色 ” 面 板 ， 设置 “颜色 类 型 ”为 “ 径 向 渐变 ”， 第 一 个 游标 颜色 为 黄 
色 ，Alpha 值 为 60%; 第 二 个 游标 颜色 为 日 色 ，Alpha 值 为 60%， 如 图 10-12 所 示 。 

(7) 返回 主场 景 。 在 背景 层 的 第 40 帧 按 F5 键 插 和 人 帧 ， 然 后 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 
钮 ， 新 建 一 个 图 层 ， 重 命名 为 pl。 

(8 ) 选中 图 层 pl 的 第 1 帧 ， 打 开 “ 库 ”面板 ， 将 “point” 元 件 拖 放 到 舞台 上 。 选 中 第 40 帧 ， 按 F6 
键 插入 关键 帧 ， 然 后 选中 舞台 上 的 实例 ， 在 属性 面板 上 设置 颜色 样式 为 “Alpha”"， 值 为 0%， 如 图 10-13 
所 示 。 


画 性 
-二 


scfm point 


> 位 二 和 大 小 


vw 色彩 效果 


水 加 到 色 检 


图 10-11 绘制 图 形 图 10-12 “颜色 ”面板 图 10-13 设置 Alpha 值 


(9 ) 布 击 图 层 pl 的 第 1 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “创建 传统 补 间 ”命令 ， 此 时 的 时 间 轴 效果 如 
图 10-14 所 示 。 

(10) 右 击 图 层 pl 的 名 称 栏 ， 在 弹出 的 快捷 菜单 中 选择 “添加 传统 运动 引导 层 ” 命 令 。 选 中 引导 层 
的 第 1 帧 ， 使 用 “铅笔 工具 ”在 舞台 上 绘制 一 条 引导 线 ， 如 图 10-15 所 示 。 


妈 10-15 ”给 制 引导 线 


(11 ) 选中 第 1 帧 的 实例 ， 将 实例 拖 放 到 引导 线 的 起 始 端 ， 如 图 10-16 所 示 ; 选中 第 40 帆 的 实例 ， 将 
实例 移 至 引导 线 的 结束 端 ， 如 图 10-17 所 示 。 

接 下 来 制作 其 他 光 点 的 引导 路 径 动画 。 一 个 简单 的 方法 是 复制 图 层 。 

(12 ) 选中 图 层 pl 及 引导 图 层 并 右 击 ,在 弹出 的 快捷 菜单 中 选择 “复制 图 屋 ” 命 令 , 如 图 10-18 所 示 。 
图 层面 板 上 将 上 自动 粘贴 一 个 传统 补 间 图 层 和 一 个 运动 引导 图 层 。 修 改 图 层 名 称 , 然后 按照 第 (11 ) 步 的 方 
法 ， 分 别 将 第 1 帧 和 最 后 一 帧 的 实例 拖 放 到 引导 线 的 两 端 。 


图 10-16 调整 元 件 的 位 置 图 10-17 调整 元 件 的 位 置 图 10-18 选 笃 “复制 图 居 ”命令 


(13 ) 重复 第 (12 ) 步 的 方法 制作 其 他 图 层 的 动画 效果 ， 引 导线 效果 如 图 10-19 所 示 。 动 画 效 果 如 
图 10-20 所 示 。 


图 10-19 ”图 形 效果 图 10-20 ”动画 效果 


为 实现 光 点 分 批 出 现 的 效果 ， 可 以 修改 图 层 的 起 始 关键 帧 。 
(14 ) 选中 部 分 图 层 及 其 引导 层 上 的 所 有 帧 ， 按 下 鼠标 左 键 向 右 拖 动 到 第 20 帧 ， 此 时 的 时 间 轴 效果 
如 图 10-21 所 示 。 第 30 帧 的 效果 如 图 10-22 所 示 。 


图 10-21 ”时 间 轴 效果 图 10-22 ” 光 点 分 批 出 现 的 效果 
(15 ) 按 Ctrl+Enter 键 测试 动画 效果 ， 如 图 10-7 所 示 。 然 后 执行 “文件 ”1 “保存 ”命令 保存 文件 。 
10.2.3 ”与 9| 早 层 建 并 连接 


一 个 引导 层 中 可 以 有 多 条 运动 轨迹 ; 一 个 引导 层 也 可 以 为 多 个 图 层 提供 运动 轨迹 。 在 默认 情况 下 ， 
只 有 创建 运动 引导 层 时 选择 的 层 才 会 目 动 与 运动 引导 层 建 
立 连接 ， 不过， 用户 可 以 将 任意 多 的 标准 层 与 运动 引导 层 
相连 。 

(1 ) 选择 要 与 运动 引导 层 建立 连接 的 标准 层 ， 然 后 按 
下 鼠标 左 键 拖 动 ， 此 时 图 层 底 部 显示 一 条 深 黑 色 的 线 ， 表 
明 该 层 相 对 于 其 他 层 的 位 置 。 

(2 ) 拖 动 该 层 直 到 标识 位 置 的 次 黑色 粗 线 出 现在 运动 
引导 层 的 下 方 ， 如 图 10-23 (a ) 所 示 ， 然 后 释放 上 鼠标。 这 图 10-23 ” 特 图 惰 3 与 证 动 引导 居 建 并 位 接 
一 层 即 可 连接 到 运动 引导 层 上 ， 如 图 10-23 (b ) 所 示 。 

任何 被 连接 层 的 名 称 栏 都 将 被 嵌 在 运动 引导 层 的 名 称 栏 下 面 ， 这 可 以 表明 一 种 层次 关系 。 用 户 可 
以 像 操作 标准 层 一 样 调整 运动 引导 层 的 位 置 ， 任 何 与 它 连接 的 层 都 将 随 之 移动 以 保持 它们 之 间 的 位 置 


S。 |。 将 被 引导 层 拖 动 到 运动 引导 后 的 上 方 或 其 他 标准 层 的 下 方 ， 可 以 取消 与 运动 引导 层 的 


10.2.4 ”基于 笔 甬 和 颜色 的 引导 动画 


在 Animate CC 2018 中 ， 使 用 传统 补 间 帧 面板 中 的 “沿路 径 着 色 ” 和 “沿路 径 缩 放 ” 选 项 还 可 以 制 
作 基 于 可 变 宽 度 路 径 和 不 同 颜色 路 径 的 引导 动画 ， 创 建 出 奇妙 的 动画 效果 。 

(1) 按照 10.2 节 介 绍 创 建 引导 路 径 动 画 ， 如 图 10-24 所 示 。 

(2 ) 选择 引导 路 径 ， 使 用 “宽度 工具 ”调整 路 径 ， 或 在 属性 面板 上 的 “宽度 ”下 拉 列 表 中 选择 一 
种 可 变 宽 度 配置 文件 ， 重 新 绘制 一 条 可 变 宽 度 的 路 径 。 然 后 选择 不 同 的 路 径 段 ， 填 充 不 同 的 颜色 ， 如 
图 10-25 所 示 。 
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(3 ) 选中 被 引导 图 层 的 起 始 关键 帧 ， 在 对 应 的 属性 面板 上 选中 “缩放 ”“ 沿 路 径 缩 放 ” 和 “沿路 径 着 
色 ” 选 项 ， 如 图 10-26 所 示 。 


调整 到 路 径 


pa 个 


妈 10-24 引 异 路 径 动 画 图 10-25 ”可 变 宽度 路 径 设置 社 间 属 性 


(4) 保存 文件 ， 按 Enter 键 观 看 动画 效果 。 可 以 看 到 飞机 在 沿路 径 运 动 时 ， 基 于 路 径 的 宽度 和 颜色 
进行 缩放 和 着 色 ， 其 中 两 帧 的 效果 如 图 10-27 所 示 。 


到 10-27 沿路 径 着 色 和 缩放 效果 


10.2.5 上 机 练习 一 一 小 球 环线 


本 节 练习 将 制作 一 个 在 科教 片 中 常见 的 球体 环绕 的 动画 ， 
久久) 练习 通过 操作 步骤 的 详细 讲解 ， 读 者 能 熟练 掌握 制作 环形 路 径 引 | 
人 二 目 夺 半 动 可 的 方法 ,进一步 了 解 引导 路 径 的 概念 ， 并 学 会 洛 路径 


设计 闭合 的 椭圆 轨迹 作为 引导 路 径 ， 分 别 将 小 球 实例 拖 放 到 路 径 的 两 个 端点 ， 创 建 传统 补 

人 间 完成 路 径 引导 动画 。 接 下 来 采用 复制 图 层 的 方法 ， 复 制 路 径 引导 动画 ， 并 对 路 径 进 ， 
加 | 行 旋转 。 最 后 调整 路 径 的 颜色 ， 选 中 “沿路 径 着 色 ” 选 项 实现 小 球 颜 色 的 不 断 变化 ， 

最 终 效果 如 图 10-28 所 示 。 \ 


图 10-28 动画 效果 


(1 ) 执行 “文件 ”| “新 建 ” 命 令 ， 新 建 一 个 Animate CC 2018 文档 (ActionScript 3.0 )， 舞 台大 小 
为 350 像素 x 320 像 系 ， 颜 色 为 日 色 。 

(2) 执行 “插入 ”1 “新 建 元 件 ” 命 令 ， 创 建 一 个 名 为 “ball” 的 图 形 元 件 。 在 元 件 编辑 窗口 选择 
绘图 工具 箱 中 的 “ 栖 圆 工具 ”， 在 属性 面板 上 设置 笔触 颜色 “无 "， 质 充 颜色 为 黑 日 径 同 渐变 ， 然 后 按 下 
Shift 键 在 舞台 上 绘制 一 个 正 圆 。 

(3 ) 选中 正 圆 ， 执 行 “窗口 ”1 “信息 ”命令 ， 在 打开 的 “信息 ”面板 中 设置 正 圆 的 
册 点 对 齐 ， 如 图 10-29 所 示 。 然 后 单 击 编辑 栏 上 的 “返回 ”按钮 返回 主场 景 。 

(4 ) 右 击 图 层 1， 在 弹出 的 快捷 菜单 中 选择 “添加 传统 运动 引导 层 ” 命 令 ， 即 可 在 图 层 1 上 添加 一 
个 运动 引导 层 ， 名 字 为 “引导 技 : 图 层 1 ”。 

(5 ) 选中 运动 引导 层 的 第 1 帧 ， 选 择 “ 椭 圆 工具 ”， 在 属性 面板 上 设置 笔触 颜色 为 红色 ， 笔 触 大 小 为 
5， 无 填充 色 ， 然 后 在 舞台 上 绘制 一 个 平 请 的 椭圆 ， 作 为 小 球 的 运动 轨迹 ， 如 图 10-30 所 示 。 


出 一 个 缺口 ， 如 图 10-31 所 示 。 

(7 ) 选中 图 层 1 的 第 1 帧 ， 打 开 “ 库 ”面板 ， 从 库 项 目 列 表 中 将 刨 建 的 图 形 元 件 拖 放 到 舞台 上 。 然 
后 单 击 绘图 工具 箱 中 的 “选择 工具 ”按钮 ， 然 后 单 击 绘图 工具 箱底 部 的 “ 巾 肥 至 对 象 ” 按 钮 ， 如 图 10-32 
所 示 。 


图 10-30 ”椭圆 路 径 图 10-31 修改 路 径 图 10-32 “ 贴 蛇 至 计策” 投 钮 


在 使 用 箭头 工具 时 ， 一 定 要 打开 “ 贴 紧 至 对 象 ”选项 ， 并 上 且 要 做 到 是 元 件 的 起 点 ， 终 | 


区 点 一 定 要 与 运动 向 导 层 中 的 轨迹 由 级 的 起 点 对 齐 ， 否 则 动画 将 不 会 按 妥 指 定 的 运动 路 线 
0 移动 。 : 


各 10-33 所 示 。 


(8) 将 小 球 拖 动 到 椭圆 边线 上 ， 当 小 球 中 心 显示 一 个 黑色 的 小 圆圈 时 释放 鼠标 ， 如 
小 球 即 可 附 看 到 路 人 径 上 。 

(9 ) 在 引导 层 的 第 30 帧 按 F5 键 插入 帆 ， 将 路 径 延 续 到 第 30 帧 。 

(10 ) 在 图 层 1 的 第 30 帧 按 F6 键 创 建 一 个 关键 帧 ， 然 后 将 小 球 移 到 如 图 10-34 所 示 的 位 置 。 

(11) 右 击 图 层 1 的 两 个 关键 帧 之 间 的 任意 一 帧 ， 从 弹出 的 快捷 荣 单 中 选择 “创建 传统 补 间 ” 


全 令 。 


此 时 按 下 Enter 键 ， 可 以 查看 小 球 的 运动 效果 。 按 下 “绘图 纸 外 观 ” 工 具 可 以 看 到 小 球 的 运动 轨迹 ， 
如 图 10-35 所 示 。 
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图 10-33 ”和 将 小 球 有 吸附 到 路 径 上 图 10-34 ”移动 小 球 的 位 置 图 10-35 水球 的 天 动 轨 访 


接 下 来 制作 第 2 个 引导 路 径 动 画 。 由 于 运动 方式 和 路 径 与 前 面 的 动画 相同 ， 因 此 本 例 采 用 复制 图 层 
的 方法 制作 。 


;| 。 读者 也 可 以 将 第 1 个 引导 路 径 动画 转换 为 影片 苋 辑 ， 然 后 通过 对 实例 旋转 变形 ， 修 改 实 
1 例 的 颜色 完成 本 例 的 效果 。 


( 12 ) 单 击 引导 层 的 第 1 帆 , 然 后 按 下 Shift 键 单 击 图 层 1 的 第 30 蛋 , 选 中 两 个 图 层 上 的 动画 巾 。 执 行 
“编辑 ”1 “时 间 轴 ”| “和 卫 接 复制 图 层 ” 命 令 , 可 在 图 层面 板 上 看 到 复制 的 动画 图 层 ， 如 图 10-36 所 示 。 


时 间 畦 
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”3 引导 层 : 图 层 1 县 制 


咽 图 层 1 和 不 制 4 上 ee * 。 
“5 引导 层 : 图 层 1 
于 后 1 


图 10-36 ”直接 复制 动画 图 层 


(13 ) 选中 粘贴 的 引导 路 径 ， 执 行 “修改 ”| “变形 ” | “缩放 和 旋转 ”命令 ， 在 弹出 的 “缩放 和 旋 
转 ” 对 话 框 中 设置 旋转 角度 为 66， 如 图 10-37 所 示 。 然 后 将 旋转 后 的 路 径 修改 为 绿色 ， 如 图 10-38 所 示 。 


图 10-37 设置 旋转 角度 图 10-38 ”旋转 并 着 色 图 10-39 ”实例 中 疙 点 与 路 径 端 点 对 齐 


(14 ) 选中 粘贴 的 小 球 图 层 第 一 个 天 键 巾 中 的 实例 ， 将 实例 拖 放 到 5 引导 路 径 的 一 个 端点 ， 如 图 10-39 


所 示 。 同 样 的 方法 ， 将 第 二 个 关键 帧 拖 放 到 引导 路 径 的 五 一 个 闯 点 ， 打 开 “ 绘 图 纸 外 观 ” 工 具 的 效 采 如 
图 10-40 所 示 。 

(15 ) 使 用 同样 的 方法 复制 并 烙 巾 动画 层 和 引导 层 ， 将 第 3 条 路 径 修改 为 蓝 色 ， 如 图 10-41 所 示 。 然 
后 分 别 调整 小 球 实例 起 始 关键 顿 的 位 置 ， 如 图 10-42 所 示 。 


到 10-40 第 2 个 外 球 的 天 动 轨 这 图 10-41 修改 路 径 的 颜色 到 10-42 ”第 3 个 实例 的 位 置 


(16 ) 执行 “文件 ”1 “保存 ”命令 保存 文件 ， 按 Enter 键 预览 动画 效果 ， 如 图 10-43 所 示 。3 个 小 
球 都 在 各 自 的 路 径 上 运动 。 

接 下 来 修改 动画 的 补 间 属 性 ， 使 读者 进一步 了 解 “ 沿 路 径 着 色 ” 的 效果 。 

(17 ) 选中 图 层 1 的 第 1 帧 ,打开 “属性 ”面板 ,在 “ 补 间 ” 区 域 选 中 “沿路 径 着 色 ” 选 项 ,如 图 10-44 

(18 ) 同样 的 方法 ， 修 改 其 他 被 引导 层 的 补 间 属 性 。 修 改 完成 后 的 动画 效果 如 图 10-45 所 示 ， 可 以 看 
到 3 个 小 球 的 颜色 将 根据 引导 路 径 的 颜色 进行 转换 。 
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图 10-43 ”全 动 效 果 图 10-44 ”修改 补 间 属性 到 10-45 ”动画 效果 


如 采 将 路 径 修 改 为 填充 色 ， 可 以 看 到 更 绚丽 的 效果 ， 在 运动 过 程 中 ， 小 球 的 颜色 将 不 集 进 行 变换 ， 
在 舞台 上 的 效果 如 图 10-46 (a ) 所 示 。 由 于 在 输出 的 动画 中 引导 路 径 是 不 可 见 的， 因此 测试 影片 的 效 末 
如 图 10-46 (b ) 所 示 ， 只 能 看 到 运动 的 小 球 ， 而 不 能 看 到 引导 路 径 。 


(a) (b) 
图 10-46 ”动画 效果 


接 下 来 进一步 完善 动画 ， 光 加 显示 路 径 。 
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(19 ) 在 图 层面 板 左下 角 单 击 “新 建 图 层 ” 按 钮 ， 新 建 一 个 图 层 。 将 
该 图 层 拖 放 到 最 底层 。 

(20 ) 选择 工具 箱 中 的 “椭圆 工具 ”， 设 置 笔触 颜色 为 这 灰 色 ， 无 十 
充 色 ， 笔 触 大 小 为 5。 在 舞台 上 绘制 一 个 椭圆 。 

(21 ) 选中 覃 圆 , 执行 “窗口 ” | “信息 ”命令 , 打开 “信息 ”面板 ， 
调整 椭圆 的 大 小 和 位 置 ,使 其 与 引导 层 中 的 椭圆 路 径 大 小 相同 ,位 置 重 合 。 

(22 ) 执行 “窗口 ”| “变形 ”命令 ,打开 “变形 ”面板 ,设置 旋 转 
角度 为 60， 然 后 单 击 “ 重 制 选 区 并 变形 ”按钮 两 次 。 

此 时 ， 在 舞台 上 隐藏 引导 路 径 图 层 之 后 的 效果 如 图 10-47 所 示 。 取 
图 10-47 ”复制 并 变形 前 袜 画 效果 “” 消 隐 韦 图 层 ， 按 Ctrl+Enter 键 测试 影片 效果 ， 如 图 10-28 所 示 。 


10.3 ”实例 精 讲 一 一 水 族 林 
we 她 加 本 节 练习 制作 一 个 漂亮 的 水 族 箱 效果 ， 通 过 详细 讲解 气泡 上 升 和 小 鱼 游 动 影片 前 
二 用 同村 的 操作 步骤 ,使 读者 进一步 掌握 引导 路 径 动画 的 制作 方法 和 技巧 。 / 
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油 证 首先 新 建 一 个 蓝 色 背景 的 Animate CC 2018 文档 ， 然 后 使 用 引导 路 径 动画 的 原理 ， / 
六 依次 制作 冒 出 气泡 和 小 鱼 游 动 的 动画 ， 最 后 在 主场 景 中 放置 制作 好 的 影片 剪辑 完成 最 
| 终 动画 ， 效 果 如 图 10-48 所 示 。 : 


mmrmrannnrr rr rr rr Tr rr rr rr rr rr rr rr rr rr rr rT 


图 10-48 ” 术 族 箱 的 动画 效果 


10.3.1 绘制 气泡 元 件 


(1 ) 执行 “文件 ” 1“ 新建 ”命令 ,新建 一 个 Animate CC 2018 文档 ( ActionScript re 
3.0 )， 上 舞台 颜色 为 #0066FF， 帧 频 为 12fps。 i 
(2 ) 执行 “插入 ”| “新 建 元 件 ”命令 ， 在 弹出 的 “创建 新 元 件 ”对 话 框 中 设置 ”10 。 pag 如 元 人 
元 件 名 称 为 “气泡 ”， 类 型 为 “图 形 ”， 如 图 10-49 所 示 。 完 成 后 单 击 “确定 ”按钮 
关闭 对 话 框 。 


图 10-49 新建 图 形 元 件 


(3 ) 选中 “椭圆 工具 "， 设 置 笔触 颜色 无 ， 填 充 色 任意 ， 按 住 Shift 键 绘制 一 个 正 圆 。 然 后 打开 “ 颜 
色 ” 面 板 ， 设 置 颜 色 关 型 为 “ 径 风 渐变"， 诉 标 颜 色 为 日 色 〈 帮 FFFFF )，3 个 游标 的 Alpha 值 依次 为 0%， 
30% 和 100%， 如 图 10-50 所 示 。 圆 形 需 充 的 效果 如 图 10-51 所 示 。 

(4) 使 用 “渐变 变形 工具 ” 单 击 圆 形 的 填充 区 域 ， 然后 调整 变形 框 的 大 小 和 变形 中 心 点 位 置 ， 如 
图 10-52 所 示 。 


汶 加 并 色 棋 


图 10-50 “颜色 ”面板 中 的 设置 图 10-51 填充 渐变 后 的 效果 图 10-52 ”给 制 出 的 融 形 


(5 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 屋 ” 按 钮 ， 新 建 “ 图 层 2”"， 使 用 “椭圆 工具 ”绘制 一 个 小 圆 形 
并 填充 从 日 色 到 透明 的 渐变 效 末 ， 效 果 如 图 10-53 所 示 。 人 然后 单 击 编辑 栏 上 的 “返回 ”按钮 返回 主场 景 。 


秒 加 到 色 析 


图 10-53 ”小 圆 的 填充 样式 和 效果 


10.3.2 ”制作 气泡 上 浮动 画 


本 节 使 用 引导 路 径 动画 制作 气泡 上 浮 的 动画 。 
(1 ) 执行 “插入 ”| “新 建 元 件 ” 命 令 ， 在 弹出 的 对 话 框 中 设置 元 件 名 称 为 “ 气 。 pmoy jo 
泡 上 浮 "， 类 型 为 “影片 剪辑 "， 单 击 “ 确 定 ”按钮 进入 元 件 编辑 窗口 。 动画 


(2 ) 选中 图 层 1 的 第 1 帧 ， 打 开 “ 库 ”面板 ， 将 10.3.1 节制 作 的 气泡 元 件 拖 放 到 舞台 上 。 然 后 右 击 
图 层 1 的 名 称 栏 ， 在 弹出 的 快捷 菜单 中 选择 “添加 传统 运动 引导 层 ” 命 令 ， 使 用 “铅笔 工具 ”绘制 一 条 
如 图 10-54 所 示 的 路 径 。 

(3 ) 分 别 在 “图 层 1” 和 “引导 层 ” 的 第 40 帆 按 F6 键 和 了 5 键 插入 关键 帧 和 普通 央 。 选 择 “ 图 层 1” 
中 的 第 1 帧 ， 调 整 气泡 实例 的 位 置 ， 使 其 中 心 与 引导 线 的 下 问 点 重合 ， 如 图 10-55 所 示 ; 在 第 40 帧 调整 
气泡 实例 的 位 置 ， 使 其 中 心 与 引导 线 的 上 端点 重合 ， 并 设置 Alpha 值 为 S0%， 如 图 10-56 所 示 。 

(4) 右 击 图 层 1 两 个 关键 帧 之 间 的 任 一 央 ， 在 弹出 的 快捷 染 单 中 选择 “创建 传统 补 间 ”命令 。 

(5 ) 返回 主场 景 。 执 行 “ 插 入 ”|“ 新 建 元 件 ” 人 命令， 新 建 一 个 名 为 “气泡 群 ” 的 影片 剪辑 。 在 元 件 
编辑 窗口 ， 将 制作 好 的 “气泡 上 浮 ” 影 片 剪辑 拖 到 工作 区 ， 并 多 次 复制 实例 后 适当 调整 它们 的 大 小 ， 如 
图 10-57 所 示 。 


图 10-54 ”给 制 则 的 曲线 图 10-55 第 1 帧 时 气泡 的 位 置 


图 10-56 第 40 杭 时 气泡 前 位 置 和 Alpha 值 图 10-57 气泡 群 
(06 ) 单 击 编辑 栏 上 的 “返回 ”按钮 返回 主场 景 。 
10.3.3 ”制作 小 鱼 游 动 效 采 


(1 ) 执行 “插入 ”| “新 建 元 件 ”命令 ,新 建 一 个 名 称 为 “fish_01” 的 影片 六 得 。 起 训 记 二 
在 元 件 编辑 窗口 ， 执 行 “文件 ”|“ 导 入 ”| “导入 到 舞台 ”命令 ， 导 入 一 幅 热 带鱼 的 二 


图 片 ， 如 图 10-58 所 示 。 10-5 ”制作 小 鱼 游 动 
(2 ) 按 住 Shift 键 单 击 第 2 帧 和 第 3 帧 ， 按 F6 键 插 和 人 关键 帧 。 然 后 选择 第 1 帧 效果 

的 图 形 ， 使 用 “任意 变形 工具 ”适当 增 大 图 形 的 高 度 ， 并 在 横 癌 进行 适当 地 拓 小 ， 

如 图 10-59 所 示 。 选 择 第 3 帧 的 图 形 ， 使 用 同样 的 方法 调整 图 形 形 状 ， 如 图 10-60 所 示 。 


接 下 来 制作 小 鱼 洲 动 的 引导 路 径 动 画 。 


图 10-58 ”导入 的 文件 图 10-59 ”第 1 术 的 图 形 图 10-60 ”第 3 由 的 图 形 
(3 ) 返回 主场 景 。 执 行 “ 插 入 ”|“ 新 建 元 件 ” 命 令 ， 新 建 一 个 名 为 “swiming_01” 的 影片 剪辑 。 在 


元 件 编 辑 窗口 的 第 1 帧 ,从 “ 库 ” 面 板 中 将 “fsh 01” 元 件 拖 人 场景 中 ,并 在 第 60 帧 按 F6 键 插入 关键 帧 。 
(4) 右 击 图 层 1 的 名 称 栏 ， 在 弹出 的 快捷 菜单 中 选择 “添加 传统 运动 引导 层 ” 命 令 新 建 一 个 引导 层 ， 
然后 使 用 “铅笔 ”工具 绘制 一 条 运动 路 径 ， 如 图 10-61 所 示 。 
(5 ) 选中 图 层 1 的 第 1 帧 , 拖 动 实例 ,使 其 中 心 点 与 引导 路 径 的 右 端点 重合 ; 选择 第 60 帧 , 拖 动 实例 ， 
使 其 中 心 点 与 引导 路 径 的 左 端点 重合 ， 如 图 10-62 所 示 。 


图 10-61 给 制 出 的 曲线 图 10-62 ”调整 实例 位 置 


(6) 右 击 图 层 1 两 个 关键 帧 之 加 任 一 帆 ， 在 弹出 的 快捷 菜单 中 选择 “创建 传统 补 间 ”命令 ， 完 成 引 
导 路 径 动 男 。 
(7 ) 使 用 同样 的 方法 ， 制 作 其 他 鱼 的 游 动 动画 ， 然 后 返回 主场 景 。 


10.3.4 ”制作 主场 景 动画 


(1 ) 执行 “文件 ” 1“ 导入” 1 “导入 到 舞台 ”命令 ， 导 入 一 幅 水 族 箱 的 背景 
图 。 打 开 “ 人 信息” 面板， 调整 背景 图 像 的 大 小 与 舞台 大 小 相同 ， 且 左上 角 对 齐 ， 如 


图 10-63 所 示 。 然 后 在 第 120 帧 按 F5 键 插入 一 个 普通 帧 。 106 sui 


图 10-63 ”将 背景 称 动 到 场 基 中 


(2 ) 单 击 图 层面 板 左下 角 的 “新 建 图 屋 ” 按 钮 ， 新 建 “ 图 层 pk 打开 “ 库 ” 面 板 ， 将 “气泡 串 ” 影 
前 辑 拖 放 到 舞台 上 ， 并 适当 调整 其 大 小 和 位 置 ， 如 图 10-64 所 示 。 然 后 在 第 120 帧 按 F5 区 -个 扩展 帧 。 


图 10-64 ”调整 气泡 的 大 小 和 位 置 


(3 ) 选中 第 30 帧 ， 按 F6 键 转换 为 关键 帧 ， 打 开 “ 库 ”面板 ， 将 “气泡 串 ” 影 片 剪辑 拖 放 到 舞台 上 ， 
并 调整 位 置 和 大 小 。 同 样 的 方法 ， 依 次 将 第 60 帧 、 第 90 帧 和 第 120 帧 转换 为 关键 帧 ， 并 拖 人 “气泡 
串 ” 影 片 剪辑 ， 适 当 调 整 它们 的 大 小 和 位 置 ， 第 120 帧 的 效果 如 图 10-65 所 示 。 此 时 测试 动画 的 效果 如 


水 族 逢 ,swf 


图 10-66 ”动画 的 测 域 效果 


(4 ) 单 击 图 层面 板 左下 角 的 “新 建 图 层 ” 按 钮 ， 新 建 “ 图 层 3”。 将 10.3.3 节制 作 的 小 鱼 游 动 的 影 ) 
剪辑 拖 人 到 场景 中 ， 分 别 将 它们 调整 到 如 图 10-67 所 示 的 位 置 。 
至 此 ， 整 个 动画 就 制作 完成 了 ， 动 画 的 测试 效果 如 图 10-48 所 示 。 


10.4 营 疑 解 惑 


1. 普通 引导 层 和 运动 引导 层 有 什么 区 别 ? 

答 : 普通 引导 层 和 运动 引导 层 都 具有 引导 作用 ， 并 且 都 不 会 在 最 后 发 布 的 动画 中 显示 出 来 。 普 通 引 
导 层 主要 起 辅助 静态 定位 的 作用 ， 在 动画 制作 中 并 不 常用 ; 运动 引导 层 用 于 对 象 运 动 的 路 径 引 导 ， 是 制 
作 动 画 时 常用 的 工具 。 

2. 文本 可 以 作为 运动 引导 层 来 使 用 吗 ? 

答 : 可 以 ， 但 是 输入 的 文字 需要 分 离 打 散 ， 才 能 作为 引导 层 的 运动 引导 线 使 用 。 

3. 做 沿 轨迹 运动 的 动画 时 ， 为 什么 运动 对 象 总 是 沿 直线 运动 ? 

答 : 首 帧 或 尾 帧 实例 的 中 心 位 置 没 有 对 准 在 轨迹 上 ， 导 致 对 象 不 能 沿 轨迹 运动 。 有 一 个 简单 的 检查 
办 法 : 增 大 屏 妖 的 显示 比例 ， 查 看 实例 中 间 出 现 的 圆圈 是 否 对 准 了 运动 轨迹 。 

4. 为 什么 在 做 封闭 轨迹 路 径 动画 的 时 候 ， 物 件 总 沿 着 直线 运动 ? 

答 : 可 以 把 封闭 的 路 径 探 出 一 个 小 缺口 。 


10.5 学 习 效 果 目 测 


OA 选择 题 
1. 如 果 想 让 一 个 物体 沿 一 定 的 路 线 运动 ， 则 需 添 加 ( )。 
A. 遮 单 层 B. 普通 引导 层 C. 运动 引导 层 


2. 引导 层 的 内 容 在 动画 输出 的 时 候 ( ) 
A. 可见 B. 不 可 见 C. 可 以 目 己 设置 串 见 与 否 。 D. 可 以 编辑 


3. 在 制作 引导 线 运 动 时 ， 引 寻 层 位 于 被 引 寻 层 的 )。 


A. 上 方 B. 下方 C. 同一 个 图 层 D. 什么 位 置 都 可 以 
4. 制作 地 球 绕 太阳 转动 的 动画 时 ,使 用 ( ) 类 型 的 图 层 较 为 方便 。 
A. 普通 层 B. 运动 引导 层 C. 遮 午 层 D. 都 可 以 
5. 在 沿 引 导线 运动 的 动画 中 ， 必 须 使 元 件 的 〈 ) 吸附 到 运动 路 径 上 。 
A. 顶点 B. 十 字 中 心 点 C. 下 端点 D. 任意 一 点 
6. 制作 沿 引 导线 运动 动画 的 对 象 必须 是 〈 上 
A. 文字 B. 图 形 C. 群 组 对 象 D. 元 件 实例 
7“ 被 引导 ” 层 中 最 背 用 的 动画 形式 是 2 
A. 形状 补 间 动 画 B. 谈 罩 动画 C. 传统 补 间 动画 D. 逐 帧 动画 
二 、 判 断 题 


1. 引导 层 总 古 位 于 被 引导 层 的 上 方 。( ) 

2. 引导 层 的 引导 线 只 能 用 “椭圆 工具 ” 夯 。( ) 

3. 只 要 一 个 图 层 处 于 引导 层 的 下 方 ， 则 它 上 面 的 对 象 将 随 看 引导 层 的 引导 而 运动 。( ) 
4. 引导 层 上 的 内 容 在 最 后 动画 测试 时 将 被 显示 出 来 。( ) 


三 、 填 空 题 

1. 引导 图 层 实际 上 包含 了 两 种 于 类 , 一 种 是 ” ， 尺 一 种 是 o 

2.“ 被 引导 层 ” 中 的 对 象 是 跟 者 引导 线 走 的 , 可 以 使 用  __、 和 等 。 
3. 如 和 没有 设置 引导 层 ， 那 么 舞台 上 的 实体 将 在 两 个 关键 帧 之 间 运动 。 

4. 使 用 传统 补 间 帧 面板 中 的 和 选项 可 以 制作 基于 可 变 冤 度 路 径 和 不 同 颜色 路 径 的 


四 、 操 作 题 
利用 引导 层 制 作 绕 月 卫星 动画 。 


在 很 多 优秀 的 动画 作品 中 ， 除 了 色彩 上 给 人 以 视觉 震 据 外， 还 得 “ 
益 于 其 特殊 的 制作 技巧 。 在 Animate CC 2018 中 ， 使 用 遮 单 图 层 可 以 
制作 出 各 种 各 样 绚丽 多 彩 的 动画 效果 ， 如 望远镜 效果 、 水 波 荡 澜 效 果 、 
万 花 简 效果 、 百 叶 窗 效果 、 放 大 镜 效果 等 。 . 

本 章 将 详细 介绍 遮 罩 动画 的 相关 基础 知识 ， 通 过 几 个 典型 的 庶 曾 

务实 例 的 学 习 ， 使 读者 全 面 掌 握 让 曾 动 画 的 突 际 应 月。 \ 


汉 认识 让 四 层 
%* 人 遮 单 动画 的 制作 


11.1 认识 庶 章 层 


遮 单 动画 必须 要 有 两 个 图 层 才 能 完成 。 上 面 的 一 层 类 似 于 家 版 ， 只 在 茶 个 特定 的 位 置 显示 图 像 ， 其 
他 部 位 不 显示 ， 称 为 遮 单 图 层 ; 与 庶 单 层 连接 的 标准 层 称 为 被 遮 音 图 层 ， 它 保留 了 所 有 标准 层 的 功能 。 

遮 单 层 与 标准 层 一 样 可 以 在 帆 中 绘图 ,但 是 只 是 在 图 形 的 实心 区 域 才 有 让 音效 末 ， 没 有 图 像 的 区 域 
将 完全 透明 ， 但 遮 单 层 里 的 图 像 不 会 显示 ， 只 起 遮 单 作用 。 


11.1.1 创建 谈 轩 图 层 


(1) 在 要 转化 为 遮 单 层 的 图 层 上 绘制 填充 图 形 、 文 字 、 图 形 元 件 的 实例 或 影片 蚤 辑 等 具有 实心 区 域 
的 对 象 。 将 让 单 层 上 的 对 和 象 做 成 动画 可 以 创建 移动 的 庶 意 层 。 

(2) 控 下 鼠标 右键 ， 在 弹出 的 快捷 六 单 上 选择 “让 单 层 ” 命 令 ， 如 图 11-1 所 示 。 

(3 ) 此 时 遮 日 层 名 称 ( 图 层 3 ) 左 侧 显示 迹 党 图 标 国 |, 被 谈 单 层 名 称 ( 图 层 1 ) 左 侧 显 示 国 |, 且 向 右 
缩 进 ， 如 图 11-2 所 示 。 


创建 庶 章 图 层 后 ，Animate CC 2018 会 自动 锁定 庶 单 图 层 和 被 吐 单 图 层 ， 如 果 需 要 编辑 | 
四 这 汪 国 县 ， 父 须 先 解 领 ， 然 后 再 编辑 。 但 是 解 久 后 就 不 会 显示 乏 畦 效果 ， 如 果 需 要 显示 这 昌 : 
| 注 总 。 效果 ， 必 须 再 次 锁定 图 层 。 / 


与 引导 层 类 似 ， 遮 单 层 默认 仅 与 一 个 被 遮 单 层 相连 ， 但 用 户 可 以 将 多 个 标准 图 层 与 遮 单 层 相 关联 ， 
创建 各 种 奇幻 的 效果 。 

(1 ) 选中 要 与 庶 单 层 建 立 连接 的 标准 层 ， 如 图 11-3 所 示 的 “图 层 2”。 

(2 ) 拖 动 层 直 到 在 庶 旱 层 的 下 方 出 现 一 条 用 来 表示 该 层 位 置 的 黑 线 ， 然 后 释放 鼠标 。 此 层 现在 已 经 
与 遮 单 层 连接 ， 如 图 11-4 所 示 。 

如 果 要 取消 被 庶 时 层 与 庶 蛙 层 之 则 的 关联 ， 可 执行 以 下 操作 之 一 。 

和 在 图 层面 板 中 ， 将 被 诞 章 层 抑 动 到 遮 章 层 的 上 面 。 


| 


YN 选中 被 迹 曾 层 ， 执行“ 修改 ”|“ 时 间 轴 ”|“ 图 层 属 性 ”命令 ,在 “图 层 属性 ”对 话 框 中 选中 “ 
般 ” 选 项 。 


图 11-3 ”选中 国 导 2 


11.1.2 ”上 机 练 > 


忆 术 相框 


飞 守 站 避 ren 夺标 者 法 一 才子 半 失 单亲 惹 并 妆 红 学 所 - 
0 | -0 


i” 。 首先 新 建 一 个 Animate CC 2018 文档 , 导入 一 幅 要 处 理 的 图 片 ， 并 使 用 “椭圆 工具 ” 
A 网罗 绘制 要 显示 人 迹 单 的 区 域 ; 然后 创建 这 单 图 层 显 示人 遮 音 效果; 接 下 来 复制 这 单 层 的 椭圆 ， 
| 间 其 转换 为 元 件 ， 并 使 用 泪 鲁 对 图形 进行 关 化 ， 和 最 终 效果 如 图 11.5 所 示 。 


到 11-5 舞台 效果 


党 转轨 国 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 六 

(1 ) 执行 “文件 ”1 “新 建 ” 命 令 ， 新 建 一 个 Animate CC 2018 文档 。 

(2) 执行 “文件 ”1 “ 导 人 ”| “导入 到 舞台 ”命令 ， 在 弹出 的 对 话 框 中 选择 一 幅 人 物 图 片 ， 如 
图 11-6 所 示 。 

(3 ) 在 图 层面 板 左下 角 单 击 “ 新 建 图 层 ” 按 钮 ， 新 建 一 个 图 层 。 选 择 工 具 箱 中 的 “椭圆 工具 ”。 在 
属性 面板 上 设置 笔触 颜色 为 绿色 ， 笔 触 大 小 为 1535， 填充 颜色 为 日 色 ， 然 后 在 舞台 上 绘制 一 个 覃 圆 ， 如 
图 11-7 所 示 。 

(4) 右 击 “图 层 2” 的 名 称 栏 , 在 弹出 的 快捷 菜单 中 选择 “ 庶 单 层 ” 命 令 。 此 时 , 两 个 图 层 均 会 锁定 ， 
名 称 左 侧 会 显示 遮 单 和 被 谈 单 图 标 ， 且 被 庶 单 层 “ 图 层 1” 疝 右 纯 进 ， 如 图 11-8 所 示 。 舞 台 上 的 遮 旱 将 
果 如 图 11-9 所 示 。 
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于 六 版 开 疝 站 提高 


图 11-6 导入 的 位 图 图 11-7 给 制 椭圆 


图 11-8 图 层面 板 图 11-9 让 曾 效果 
从 图 11-9 可 以 看 出 ， 只 有 椭圆 的 填充 区 域 与 位 图 相交 的 部 分 能 显示 出 来 ， 位 图 的 其 他 部 分 不 显示 。 
接 下 来 添加 相框 。 


(5 ) 选中 遮 单 层 ， 在 图 层面 板 上 单 击 “新 建 图 层 ” 按 钮 ， 在 遮 单 层 之 上 创建 一 个 新 图 层 。 

(6 ) 解除 遮 章 层 的 锁定 状态 ， 右 击 遮 章 层 中 的 关键 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “复制 帧 ”命令 。 
然后 锁定 庶 单 层 。 

(7) 右 击 新 建 图 层 第 1 帆 ， 在 弹出 的 快捷 菜单 中 选择 “ 精 贴 帆 ” 命 令 ， 精 贴 一 个 椭圆 。 

此 时 ， 由 于 椭圆 内 部 有 日 色 的 填充 区 域 ， 因 此 不 能 看 到 已 创建 的 庶 单 效果 。 

(8 ) 单 击 椭圆 内 部 的 填充 区 域 ， 按 Delete 键 删除 。 

接 下 来 ， 利 用 滤 镜 对 相框 进行 美化 。 由 于 滤 镜 不 能 应 用 于 形状 ， 因 此 ， 在 应 用 滤 镜 之 前 ， 要 先 将 形 
状 转换 为 影片 剪辑 。 

(9 ) 双击 椭圆 的 笔触 区 域 选中 椭圆 ， 执 行 “ 修 改 ”1 “转换 为 元 件 ” 命 令 ， 在 弹出 的 对 话 框 中 输入 
元 件 名 称 ， 类 型 为 “影片 剪辑 ”。 

(10 ) 选中 狂人 台 上 的 元 件 实例 ， 在 属性 面板 的 “ 滤 镜 ”区 域 单 击 “添加 滤 镜 ”按钮 ， 在 弹出 的 滤 镜 列 
表 中 选择 “渐变 斜 角 ”命令 。 然 后 设置 模糊 值 为 10， 类 型 为 “内 侧 ”， 单 击 渐 变 条 ， 修 改 中 间 的 颜色 游 
标 为 #00CC33， 如 图 11-10 所 示 。 

此 时 的 舞台 效果 如 图 11-11 所 示 。 


图 11-10 设置 渐变 斜 角 套 数 图 11-11 应 用 滤 镜 的 效果 


至 此 ， 实 例 制 作 完 昔 。 可 以 根据 设计 需要 添加 一 个 育 景 图 ， 效 果 如 图 11-5 所 示 。 


11.2 ” 遮 章 动画 的 制作 


遮 单 动画 的 原理 是 ， 在 舞台 前 增加 一 个 类 似 于 电影 镜头 的 对 象 ， 这 个 对 象 不 仅仅 局 限于 圆 形 ， 可 以 
是 任意 形状 ， 将 来 导出 的 影片 ， 只 显示 电影 镜头 “ 提 摄 ”出 来 的 对 象 ， 其 他 不 在 电影 镜头 区 域内 的 舞台 
对 和 象 不 会 显示 。 

遮 单 动画 主要 分 为 两 大 类 : 遮 童 层 在 运动 ， 或 被 遮 单 导 在 运动 。 


11.2.1 ”这 曙 层 运动 

在 谈 罩 动画 中 ， 定 义 庶 置 层 中 对 象 的 变化 (例如 尺寸 变化 、 位 置 变化 、 形 状 变 化 等 )， 最 终 显示 的 遮 
站 动画 效果 也 会 随 着 庶 旱 层 对 象 的 变化 而 变化 。 

(1) 按照 11.1.1 节 的 方法 创建 庶 旱 层 和 被 庶 罩 层 。 

(2 ) 为 遮 罩 层 中 的 图 形 设 置 动画 。 

(3 ) 按 下 Ctrl+Enter 键 测试 影片 ， 观 察 动 男 效 果 。 


11.2.2 ”上 机 练 > 


wa 和 可 ”本 节 练 习 使 用 让 四 原理 制作 一 个 常见 的 百叶 窗 切换 效 
NN 生 且 司 果 ， 通 过 谈 罩 层 制作 方法 的 详细 讲解 ， 使 读者 熟练 掌握 通 
局 过 放 单 层 内 容 的 运动 创建 庶 单 动画 的 方法 和 技巧 。 


CE 


。 首先 在 分 数 的 位 图 上 绘制 国 形 ， 通 过 删除 国 形 以 外 的 区 域 创建 两 张 要 切换 的 图 片 。 
然后 制作 用 作 庶 音 的 矩形 ， 通 过 传统 补 间 动 画 修改 遮 章 范围。 最 络 复 制 并 移动 这 昌国 ， 
定 | 对 图 片 的 所 有 区 域 添加 遮 音 效果， 最 终 效果 如 图 11-12 所 示 。 
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图 11-12 ”百叶窗 效果 

二 忆 
时 四 玫 国 

(1 ) 新 建 一 个 ActionScript 3.0 文件 ,执行 “文件 ”1 “导入 ”1 “导入 到 舞台 ”命令 ,导入 一 幅 图 像 ， 
执行 “修改 ”1 “分 离 ” 命 令 将 其 打 散 ， 效 果 如 图 11-13 所 示 。 

(2 ) 选择 “ 覃 圆 工 具 ” 贺 , 设置 填充 颜色 无 , 按 住 Shift 键 在 打 散 的 图 形 上 绘制 一 个 圆 形 。 选 中 国 形 ， 
执行 “编辑 ” | “复制 ”命令 ， 复 制 圆 形 。 该 图 形 将 用 在 另 一 个 图 层 中 。 

(3 ) 单 击 “选择 工具 ”按钮 国 ， 选 中 辆 形 边框 外 的 部 分 ， 如 图 11-14 所 示 。 执 行 “编辑 ” | “清除 ” 
命令 ， 清 除 圆 形 边 框 外 的 部 分 ， 如 图 11-15 所 示 。 
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图 11-13 ” 打 敬 的 效果 


(4) 执行 “插入 ” 


放 


(5 ) 执行 “编辑 ” 


pp 


“时 间 轴 


“图 层 ” 命 令 ,增加 一 个 新 的 图 层 ,在 
守信 到 舞台 ”命令 , 守 入 一 幅 图 像 ,执行 “修改 


当前 位 置 ”命令 ， 将 第 〈2 ) 
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图 11-16 


中 复制 的 


次 图 层 内 执行 
“分 离 ”命令 将 其 打 散 ,效果 如 图 11-16 所 示 。 


“文件 ” 


ss 
| ph 


图 形 打 散 的 效果 图 


贴 到 舞台 上 。 


em 
es 


[1 


用 户 也 可 以 直接 选择 “椭圆 工具 "， 在 属性 面板 上 设置 填充 颜色 无 ， 在 打 散 的 图 形 上 绘制 一 个 圆 形 。 


(6) 单 击 “ 选 择 工 具 ” 按 钮 ， 


(7) 执行 “插入 


制 一 个 矩形 ， 刚 好 遮 住 圆 形 的 下 部 


框 外 的 部 分 ， 如 图 11-17 所 示 。 


“时 间 轴 


玄 圆 形 要 与 党 (2 ) 步 中 绘制 的 
选中 圆 形 边 框 外 的 部 分 ， 执 行 “编辑 


EE 


形 大 小 、 位 置 相同 。 


， 竹 形 宽度 略 大 于 圆 的 直 


图 11-17 百 于 窗 的 另 一 面 


(8) 选中 第 (7) 绘制 的 和 矩形， 执行 “ 


J 


转换 为 元 件 ” 命 令 ， 将 答 


图 层 ” 命 令 ， 增 加 一 个 新 的 图 屋 ， 用“ 短 形 工具 ” 
如 图 11-18 所 示 。 


A 


图 11-18 增加 百叶 突 页 的 效果 


层 绘 


转换 成 一 个 图 形 元 件 ， 


命名 为 “元 件 1”。 

(9 ) 执行 “插入 ”1 “新 建 元 件 ” 命 令 ， 创建 一 个 影片 剪辑 元 件 ， 命 名 为 “元 件 2”。 

(10 ) 在 “ 库 ” 窗 口中 把 “元 件 1” 拖 放 到 “元 件 2” 的 编辑 窗口 中 。 

(11 ) 选择 第 15 帧 ， 按 F6 键 添 加 关键 帆 ， 执 行 “ 修 改 ” | “变形 ”| “任意 变形 ”命令 ， 将 矩形 变 
形 为 一 条 横 线 。 

(12 ) 在 第 25、40 帧 按 F6 键 增加 关键 帧 ， 并 把 第 1 帧 的 内 容 复制 到 第 40 帧 。 分 别 右 击 第 1~15 帧 之 
间 、25~40 帆 之 间 的 任 一 帧 ， 在 弹出 的 快捷 全 单 中 选择 “创建 传统 补 间 ”命令 ， 创 建 动画 效果 。 此 时 的 
时 间 轴 如 图 11-19 所 示 。 

( 13 ) 单 击 “ 返 回 场景 ”按钮 加 ， 返 回 主场 景 ， 删 除 舞台 上 的 元 件 1， 从 “ 库 ” 面 板 中 拖 动 “元 件 2” 
到 舞台 上 , 移动 到 如 图 11-18 所 示 的 位 置 。 右 击 “ 图 层 3” 的 名 称 栏 , 在 弹出 的 快捷 菜单 中 选择 “ 遮 置 层 ” 
命令 ， 效 果 如 图 11-20 所 示 。 
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嘿 图 层 1 4 四 *。 * 


上 了 [1 


到 11-19 ”百叶 窗 页 的 时 间 轴 图 1]1-20 ”让 章 效果 


(14) 执行 “插入 ”1 “时 间 轴 ”1 “图 层 ” 命 令 , 新 建 一 个 图 层 。 将 “图 层 2” 和 “图 层 3” 解 除 锁 
定 后 ， 将 这 两 层 中 所 有 帧 的 内 容 完 全 复制 ， 然 后 右 击 “ 图 层 4 ”的 第 一 帧 ， 选 择 “ 粘 贴 帧 ”命令 ， 并 把 
该 层 的 矩形 同上 平移 。 

(15 ) 同样 的 方法 ， 对 后 面 的 图 层 偿 层 进行 上 一 步 操作 ， 和 直到 甜 形 上 移 离 开 圆 形 ， 如 图 11-21 所 示 。 

(16 ) 单 击 图 层面 板 上 的 “锁定 有 所 有 图 层 ” 按 钮 ， 锁 定 所 有 图 层 ， 显 示 遮 音效 末 ， 如 图 11-22 所 示 。 

(17) 执行 “控制 ”1 “播放 ”命令 ， 观 看 动画 效 打 。 图 11-12 所 示 为 其 中 匠 一 时 刻 的 效果 图 。 


We Pt 


图 11-21 某 一 时 刻 的 动画 效果 


这 样 ， 就 完成 了 百叶 窗 式 的 图 片 切换 动画 制作 。 
在 实际 使 用 时 ， 遮 单 动 画 还 有 很 多 其 他 的 动画 效果 ， 这 不 但 需要 读者 目 己 多 加 学习 和 练习 ， 同 时 也 
要 开动 脑筋 ， 发挥 目 己 的 创意 ， 相 信和 经 过 不 断 的 练习 之 后 ， 读 者 目 己 也 能 做 出 很 多 有 创意 的 动画 效果 。 


11.2.3 ”被 训 旦 层 运 动 
在 庶 置 动画 中 ， 定 义 被 庶 墨 层 中 对 象 的 变化 (例如 尺寸 变化 、 位 置 变化 、 形 状 变 化 等 )， 最 终 显示 的 


谈 单 动画 效果 也 会 随 着 被 庶 单 层 对 象 的 变化 而 变化 。 
(1) 按照 11.1.1 闻 的 方法 创建 遮 墨 层 和 被 遮 蜡 层 。 
(2 ) 为 被 遮 单 层 中 的 对 象 设置 动 夯 。 

(3 ) 按 Ctrl+Enter 键 测试 影片 ， 观 察 动画 效果 。 


11.2.4 上 机 练习 一 “旋转 的 地 球 
~» 国 目 本 节 练习 使 用 这 单 原理 制作 地 球 族 转 的 动画 ， 通 过 操作 ， 
Me pe 步 下 的 详细 讲解 ， 使 读者 熟练 掌握 通过 被 谈 曾 的 内 容 创建 迹 

到 时 动 画 的 方法 和 技巧 。 
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设计 : 首先 新 建 一 个 Animate CC 2018 文档 ， 使 用 “椭圆 工具 ”和 “颜色 ” ER 
上 a 个 渐变 的 圆 形 作为 遮 章 层 ， 然 后 将 被 遮 章 层 中 的 地 图 进行 平移 ， 产生 地 球 旋转 的 视 涡 ， 
效果 ， 最 终 效果 如 图 11-23 所 示 。 


图 11-23 ”旋转 的 地 球 效 果 


(1) 执行 “文件 ”1 “新 建 ”命令 ， 新 建 一 个 Animate CC 2018 文档 (ActionScript 3.0 )。 然 后 将 图 
层 1 重 命 名 为 background。 

(2 ) 执行 “文件 ”1 “导入 ”| “导入 到 舞台 ”命令 ， 守 入 一 幅 星 空 图 片 。 打 开 “ 人 信息” 面板 ， 修 
改 图 片 尺寸 和 坐标 ， 使 图 片 大 小 与 舞台 大 小 相同 ， 且 左上 角 对 齐 ， 如 图 11-24 所 示 。 

(3 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 , 新 建 一 个 图 层 , 并 将 该 图 层 重 命名 为 earth。 然 后 选择 
“椭圆 工具 ”， 设 置 笔 触 颜色 无 ， 填 充 色 任意 ， 按 住 Shift 键 绘制 一 个 正 圆 ， 如 图 11-25 所 示 。 

(4) 打开 “颜色 ”面板 ， 设 置 颜色 类 型 为 “ 径 回 渐变 "， 填 充 色 为 从 浅 蓝 色 (#7cd5fa ) 到 蓝 色 
(#11Sccc ) 的 渐变 色 ,如 图 11-26 所 示 。 然 后 使 用 . “渐变 变形 工具 * 调整 渐变 框 的 大 小 以 及 渐变 的 中 心 点 ， 
填充 后 的 效果 如 图 11-27 所 示 。 

(5 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 ,新 建 一 个 图 层 , 并 将 该 图 层 重 命名 为 es 执行 “ 文 
件 ”1“ 导 和 ”1“ 导 人 到 舞台 ”命令 , 导 人 一 幅 世 界 地 图 。 选 中 导 和 人 的 图 片 ,执行 “ 修 改 ”|“ 转 换 为 元 件 ” 
命令 ， et pt map” 的 图 形 元 件 。 


图 11-24 导入 前 背 时 图像 图 11-25 ”给 制 辆 形 


图 11-26 设置 渐变 色 图 11-27 填充 渐变 后 的 效果 


(6) 选中 第 1 帧 的 实例 ， 在 属性 面板 上 的 “色彩 效果 ”区 域 将 Alpha 值 修 改 为 60%， 并 适当 调整 其 
大 小 和 位 置 ， 如 图 11-28 所 示 。 

(7) 复制 实例 , 并 适当 调整 其 位 置 , 使 两 个 实例 对 接 , 如 图 11-29 所 示 。 然 后 执行 “修改 ”1 “组 合 ” 
命令 ， 将 两 个 实例 进行 群 组 。 


图 11-28 调整 实例 的 位 置 和 大 在 图 11-29 复制 实例 并 调整 其 位 置 


(8 ) 按 住 Shift 键 选 中 background 层 和 earth 层 的 第 60 帧 ， 按 F5 键 扩 展 帧 。 选 中 map 层 的 第 60 帧 ， 


按 F6 键 插入 一 个 关键 帧 ， 然 后 将 群 组 实例 加 左 拖 放 ， 如 图 11-30 所 示 。 

(9 ) 右 击 map 层 两 个 关键 帧 之 间 的 任 一 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “创建 传统 补 间 ” 命 令 ， 创 建 
传统 补 间 关系 。 

( 10 ) 右 击 earth 层 的 名 称 栏 , 在 弹出 的 快捷 菜单 中 选择 “复制 图 屋 ” 命 令 , 然后 将 目 动 精 贴 的 “earth 
复制 ” 层 拖 放 到 map 图 层 之 上 。 

(11 ) 右 击 “earth 复制 ” 层 的 名 称 栏 , 从 弹出 的 快捷 沫 单 中 选择 “ 遮 单 层 ” 命 令 ,将 该 图 层 转 换 为 遮 单 
层 ， 此 时 的 效果 如 图 11-31 所 示 。 


图 11-30 调整 元 件 的 位 置 图 11-31 创建 访 章 后 的 效果 


(12 ) 按 Ctrl+Enter 键 测试 动画 效果 ， 如 图 11-23 所 示 。 执 行 “文件 ” | “保存 ”命令 保存 文档 。 
11.2.5 编 恰 旭日 动 画 


制作 庶 单 动画 以 后 ， 还 可 以 根据 需要 对 遮 单 层 或 被 这 日 层 上 的 对 象 进行 编辑 。 
(1) 单 击 选中 要 编辑 的 遮 单 层 或 被 庶 单 层 。 

(2 ) 单 击 该 层 上 的 锁定 按钮 回 解 

(3 ) 修改 选 定 层 的 内 容 。 


提示 : | 
& 编辑 被 小 单 层 的 内 容 时 ,让 章 层 有 时 会 影响 操作 。 为 了 防止 误 编辑 , 可 以 暂时 隐藏 让 罩 层 。 


(4) 右 击 修 改 后 的 图 层 名 称 栏 ， 从 弹出 的 快捷 沫 单 中 选择 “显示 遮 章 ”命令 ,重建 遮 音效 果 。 
11.2.0 取消 谈 轩 效果 


如 果 要 取消 庶 单 效果 ， 必 须 中 断 遮 罩 连 接 ， 有 以 下 几 种 操作 方法 。 

NN 在 图 层面 板 中 ， 将 被 遮 章 的 图 层 拖 到 遮 单 图 层 的 上 面 。 

和 双击 遮 音 图 层 ， 在 弹出 的 “图 层 属性 ”对 话 框 中 选中 “一 般 ” 单 选 按钮 。 
和 右 击 庶 罩 图 层 的 名 称 栏 ， 在 弹出 的 快捷 菜单 中 取消 选中 “让 罩 层 ”命令 。 
取消 遮 四 前、 后 的 图 层面 板 ， 效果 如 图 11-32 所 示 。 


座 晶 层 前 、 后 的 效果 


图 11-32 取消 


11.3 ” 买 例 精 讲 一 一 皮 光 的 水 晶 球 


Ws。 莹 加 。 本 闻 练 习 使 用 迹 午 动画 原理 制作 一 个 发 光 的 水 晶 球 ， 通 ， 
oy : 、 8 了 ” Sn 、 | 

-2 过 操作 步骤 的 详细 讲解 ， 使 读者 熟练 掌握 遮 单 动画 的 制作 方 : 
= : 


发 光 


11-4 实 列 精 讲 


A、 浸 贸 | 交 的 光线 影片 剪 瞻 。 然 后 通过 旋转 迹 罩 层 中 的 实例 实现 光线 的 运动 效果 。 在 具体 制作 ， 
到 时 需要 注意 ， 图 形 的 旋转 方向 会 决定 光 是 发 散 效果 还 是 收缩 效果 。 最 后 添加 一 个 渐 现 
渐 隐 的 传统 补 间 动 画 ， 实现 水 晶 球 的 光照 效果 ， 最 终 效果 如 图 11-33 所 示 。 : 


图 11-33 发光 的 术 唱 球 效 果 


(1 ) 执行 “文件 ”1 “新 建 ”命令 ， 新 建 一 个 Animate CC 2018 文档 ( ActionScript 3.0 )， 舞 台大 小 
为 800 像素 x 500 像素 。 

(2 ) 将 “图 层 1” 重 命名 为 background ,执行 “文件 ” |“ 导入 ”|“ 导 人 到 舞台 ”命令 , 导 和 人 一 幅 背 景 图 
片 ， 适当 调整 图 片 的 大 小 和 人 位置， 使 图 片 大 小 与 舞台 大 小 相同 ， 且 左上 角 对 齐 ， 如 图 11-34 所 示 。 

(3 ) 执行 “文件 ”1“ 导 和 ”1 “导入 到 库 ” 命 令 , 在 弹出 的 对 话 框 中 导 人 一 幅 水 品 球 的 动画 GIF 图 
片 。 此 时 ， 在 “ 库 ” 中 可 以 看 到 上 自动 生成 的 一 个 影片 剪辑 元 件 ， 如 图 11-35 所 示 。 


图 11-34 导入 的 背 明 图片 图 1]1-35 ” 异 入 到 库 生 成 的 影片 剪辑 


(4 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 新建 图 层 ball， 从 库 中 将 水 铝 球 影片 勇 辑 拖 放 到 舞 合 
上 ,适当 调整 其 大 小 和 位 置 ， 如 图 11-36 所 示 。 
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(5 ) 单 击 图 层面 板 左下 角 的 “新 建 图 屋 ” 按 钮 ， 新 建 图 层 ray。 在 工具 箱 中 选择 “线条 工具 ”， 设 置 
笔触 大 小 为 4， 颜色 为 白色 ， 在 舞台 上 绘制 一 条 线段 ， 如 图 11-37 所 示 。 

(6 ) 使 用 “任意 变形 工具 ” 单 击 绘制 的 线条 , 将 变形 中 心 点 移 到 如 图 11-38 所 示 位 置 。 然 后 打开 “ 变 
形 ” 面 板 ， 设 置 “旋转 ”角度 为 1535， 如 图 11-39 所 示 。 


图 11-36 调整 水 晶 球 的 位 置 


图 11-38 调整 旋转 中 站 点 的 位 置 图 11-39 设置 旋转 角度 


(7) 在 “变形 ”面板 中 连续 单 击 “ 重 制 选区 和 变形 ”按钮 ， 将 选择 的 线段 进行 复制 旋转 ， 效 果 如 
图 11-40 所 示 。 

(8 ) 选中 所 有 线段 , 执行 “修改 ”| “形状 ”|“ 将 线条 转换 为 填充 ” 伸 令 , 将 轮廓 线 转换 为 填充 图 形 。 
然后 打开 形状 属性 面板 ， 设 置 填 充 色 为 光 详 渐变 ， 如 图 11-41 所 示 。 
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图 11-40 ”多 次 复制 后 的 效果 图 11-41 设置 渐变 颜色 


(9 ) 打开 “颜色 ”面板 , 渐变 条 上 将 显示 光谱 渐变 的 颜色 游标 , 在 “颜色 类 型 ”下 拉 列 表 中 选择 “ 径 
器 渐变 ”， 如 图 11-42 所 示 。 填 充 后 的 形状 效果 如 图 11-43 所 示 。 


图 11-42 设置 颜色 类 型 图 11-43 ”填充 渐变 后 的 效果 


(10 ) 选中 填充 后 的 形状 ， 执 行 “ 修 改 ”1 “转换 为 元 件 ” 命 令 ， 在 弹出 的 “转换 为 元 件 ” 对 话 框 中 
设置 名 称 为 Tray， 类 型 为 “影片 剪辑 "， 单 击 “确定 ”按钮 关闭 对 话 框 。 

(11 ) 执行 “编辑 ”1 “复制 ”命令 , 复制 舞台 上 的 影片 剪辑 实例 , 然后 新 建 图 层 ray_copy, 执行 “ 编 
和 辑 ” | “粘贴 到 当前 位 置 ” 命 令 粘 贴 实例 。 执 行 “修改 ”|“ 变 形 ”|“ 水 平 翻 转 ”命令 , 将 元 件 进 行 翻转 ， 
效果 如 图 11-44 所 示 。 

(12 ) 在 图 层 ray_copy 的 第 40 帧 按 F6 键 插入 关键 帆 , 执行 “修改 ”1 “变形 ”1 “缩放 和 旋转 ” 命 
令 ， 将 实例 顺 时 针 旋 转 45” ， 如 图 11-45 所 示 。 然 后 在 两 个 关键 帧 之 间 创 建 传 统 补 间 关 系 。 


图 11-44 ”翻转 实例 后 的 效果 图 11-45 ”对 实例 进行 旋转 


(13 ) 按 住 Shift 键 选中 图 层 backeround、ball 和 ray 的 第 60 帧 ， 按 FS 键 插 人 帧 。 然 后 按 住 Shift 键 
单 击 图 层 ray_copy 的 第 1 帧 和 图 层 ray 的 第 40 帧 ， 按 下 鼠标 左 键 拖 到 第 21 帧 ， 释 放 鼠 标 ， 此 时 的 时 间 
轴 面 板 如 图 11-46 所 示 。 
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图 11-46 ”调整 帧 的 位 置 


(14 ) 右 击 图 层 ray_copy， 在 弹出 的 快捷 菜单 中 选择 “ 遮 单 层 ” 命 令 ， 创 建 遮 时 动画 。 此 时 测试 动画 
会 发 现 光 线 是 由 外 回 内 进行 运动 的 ， 如 图 11-47 所 示 。 

(15 ) 单 击 图 层 ray_copy 上 的 “锁定 ”按钮 ， 将 其 变 为 可 编辑 状态 ， 选 择 第 60 帧 的 实例 ， 执 行 “ 修 
改 ”1 “变形 ”| “ 逆 时 针 旋 转 90 度 ” 命 令 ， 如 图 11-48 所 示 。 


图 11-47 动画 的 测试 效果 画 11-48 谥 时 针 旋 转 实 全 


(16 ) 在 图 层面 板 中 将 图 层 ball 移动 到 图 层 ray_copy 的 上 面 ， 然 后 新 建 图 层 mask, 使 用 “椭圆 工 具 ” 
绘制 一 个 正 圆 形 。 打 开 “ 颜 色 ” 面 板 ， 设 置 壳 至 色 (#00E6FF ) 到 灰色 (#CCCCCC ) 的 径 回 渐变 ， 如 


添加 到 色 板 
图 11-49 ”给 制图 形 并 填充 


(17 ) 选中 绘制 的 图 形 ， 执 行 “修改 ” | “转换 为 元 件 ” 命 令 ， 将 图 形 转换 为 名 称 为 circle 的 图 形 元 
件 。 然 后 在 属性 面板 中 将 第 1 帧 的 实例 Alpha 值 设 置 为 0， 在 第 5 帧 插入 关键 帧 ， 设 置 Alpha 值 为 60%， 
如 图 11-50 所 示 。 

(18 ) 右 击 mask 图 层 的 第 1 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “复制 帧 ”命令 ， 然 后 分 别 右 击 第 10 帧 、 
第 20 帧 、 第 30 帧 、 第 40 帧 、 第 50 帧 和 第 60 帧 ， 选 择 “粘贴 并 图 盖 帧 ”命令 粘贴 帧 。 同 样 的 方法 ， 复 
制 第 $ 帧 ， 并 分 别 粘 贴 并 覆盖 第 15 帧 、 第 25 帧 、 第 35 帧 、 第 45 帧 和 第 55 帧 。 最 后 ， 在 这 些 关键 帧 之 
间 创 建 传统 补 间 ， 此 时 的 时 间 轴 面板 如 图 11-51 所 示 。 

( 19 ) 按 Ctrl+Enter 键 测试 动画 ， 效 果 如 图 11-33 所 示 。 
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图 11-50 调整 Alpha 的 值 图 11-51 时间 轴 面 板 


11.4 答疑 解 惑 


1. 制作 遮 章 动画 时 ， 诞 章 层 和 逢 诞 章 层 的 建立 是 否 有 先后 之 分 ? 

答 : 遮 单 层 用 于 制作 显示 的 范围 ， 被 遮 单 层 用 于 制作 显示 的 内 容 ， 建 立 图 层 没 有 爷 后 之 分 ， 但 遮 音 
层 必 须 在 被 遮 单 层 上 方 。 

2. 如 何 制 作 边 绿 模糊 的 遮 章 效 果 ? 

答 : 可 以 在 做 好 沽 音效 末 之 后 ， 添 加 一 层 有 模糊 边 绿 的 色 块 。 

3. 用 铅笔 或 线条 工具 绘制 的 图 形 做 遮 章 物 为 什么 不 显示 庶 章 效果 ? 

答 : 庶 单 物 只 能 选用 填充 色 绘 制 的 图 形 ， 如 椭圆 形 、 甜 形 、 画 笔 工 具 等 ; 线条 、 铅笔 工 具 用 的 是 笔触 ， 
不 可 用 作 遮 单 物 。 


11.5 ”学习 效果 目测 


一 、 选 择 题 
1. 以 下 ) 可 以 作为 遮 单 对 象 。 

A. 填充 的 形状 B. 文字 对 象 C. 图 形 元 件 D. 影片 剪辑 
2. 下 面 ) 说 法 是 正确 的 。 

A. 一 个 遮 罩 层 可 以 同时 遮 畦 几 个 图 层 B. 一 个 谈 罩 层 只 能 庶 电 一 个 图 层 

C. 一 个 遮 罩 层 只 能 同时 遮 置 两 个 图 层 D. 一 个 遮 单 层 只 能 同时 遮 量 三 个 图 层 


3. 关于 遮 旱 层 ， 以 下 说 法 错误 的 是 ( 
A. 只 有 在 遮 四 层 上 的 填充 色 块 之 下 的 内 容 才 是 可 见 的， 而 庶 电 层 的 填充 色 块 本 身 则 是 不 可 见 的 
B. 遮 黑 层 中 的 对 象 必 须 是 填充 的 ， 而 不 能 带 有 边框 ， 而 且 不 能 产生 运动 
C. 可 以 将 多 个 图 层 组 织 在 一 个 遮 日 层 之 下 来 创建 复杂 的 效 末 
D. 遮 时 项 目 可 以 是 填充 的 形状 、 文 字 对 象 、 图 形 元 件 的 实例 或 影片 剪辑 
4. 如 果 需 要 制作 一 个 只 有 在 黄色 的 灯光 照射 下 才 可 见 的 动画 ， 需 要 添加 ( 
A. 遮 章 层 B. 普通 引导 层 C. 运动 引导 层 
5. 一 个 动画 有 两 个 图 层 ， 图 层 1 是 一 幅 风 景 画 ， 图 层 2 是 一 个 红色 心 形 ， 图 层 2 为 遮 旱 层 ， 图 层 1 
为 被 遮 单 层 ， 则 最 终 看 到 的 效果 是 ( )。 
A. 红色 的 心 形 B. 里 边 是 风景 画 的 心 形 
C. 整个 风景 画 D. 整个 风景 画 与 红色 心 形 
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二 、 判 断 题 

1. 遮 单 层 的 物体 会 将 伞 遗 单 层 的 物体 遮挡 住 。 人 ) 

2. 遮 单 层 可 以 将 位 于 其 下 方 的 任何 图 层 遮 单 。( ) 

3. 让 单 层 实际 是 让 被 庶 章 的 部 分 可 见 ， 非 庶 单 的 部 分 不 可 见 。( ) 


二 、 填 空 题 

1 庶 记 的 对 象 可 以 是  “、 等 具有 实心 区 域 的 对 象 。 

2. 要 取 衣 一 个 被 遮 单 层 与 让 单 层 之 加 的 关联 ， 使 其 成 为 普通 图 层 ， 可 在 “图 层 属性 ”对 话 框 中 选择 
旦 选 按钮 。 

3. 图 层 名 称 左 侧 显 示 图 标 国 ， 表 示 该 图 层 为 ; 显示 国 ， 且 向 右 缩 进 ， 表 示 该 图 层 为 

4. 创建 迹 淖 图 层 后 ， 和 谈 音 图 层 和 被 庶 淖 图 层 处 于 状态 。 

四 、 操 作 题 


使 用 遮 单 动画 ， 制 作 两 幅 图 片 切换 的 转 场 特效 。 
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所 谓 反 向 运动 ， 是 一 种 使 用 骨骼 的 关节 外 构 对 一 个 对 象 或 彼此 相 2 

关 的 一 组 对 象 进 行动 画 处 理 的 方法 。 移 动 一 个 骨骼 时 ， 与 该 骨 赂 相关 

联 的 骨骼 也 会 移动 ， 用 户 只 需 做 很 少 的 设计 工作 ， 指 定 对 象 的 开始 位 

置 和 结束 位 置 ， 就 可 以 使 元 件 实例 或 形状 对 象 按 复杂 而 自然 的 方式 移 
动 ， 他 ] 建 逼真 的 运动 效果 。 


骨骼 工具 和 绑 定 工具 的 使 用 方法 
ee 处 理 
控制 运动 这 度 


12.1 骨骼 工具 和 绑 定 工具 


Animate CC 2018 包括 两 个 用 于 处 理 反 向 运动 的 工具 一 一 骨骼 工具 贺 和 绑 定 工具 贺 . 使 用 “骨骼 工 
具 ” 国 可 以 添加 骨骼 ; 使 用 “ 绑 定 工具 ” 国 可 以 调整 各 个 骨骼 和 控制 点 之 间 的 关系 。 


12.1.1 上 骨骼 工具 


“骨骼 工具 ” 辆 用 于 在 元 件 实例 之 间 , 或 在 形状 内 部 添加 骨骼 。 骨 骼 也 称 为 骨架 , 在 父子 层次 结构 中 ， 
骨 织 中 的 骨骼 彼此 相连 。 源 于 同一 骨骼 的 骨 弛 分 文 称 为 同 级 ， 骨 骼 之 问 的 连接 点 称 为 着 。 

1. 问 元 件 实 例 添 加 骨 骨 

问 元 件 实 例 添加 骨骼 ， 是 指 用 关节 连接 一 系列 的 元 件 实 例 。 例 如 ， 用 一 组 影片 剪辑 分 别 表 示人 体 的 
不 同 部 分 ， 通 过 上 骨骼 将 抠 干 、 上 臂 、 下 臂 和 手链 接 在 一 起 ， 可 以 创建 晕 真 移动 的 腹 彩 。 

(1 ) 在 舞台 上 创建 元 件 实例 ， 并 在 舞台 上 排列 实例 。 

(2 ) 在 绘图 工具 箱 中 选择 “骨骼 工具 ” 辆 ， 单 击 要 成 为 骨架 的 根部 或 头 部 的 元 件 实例 。 然 后 按 下 上 鼠 
标 左 键 拖 到 其 他 的 元 件 实例 ， 将 其 链接 到 根 实例 。 

在 拖 动 时 ,将 显示 骨骼 。 释 放 鼠 标 后 ,在 两 个 元 件 实例 之 间 将 显示 实心 的 骨骼 。 每 个 骨骼 都 具有 头 部 、 
圆 端 和 尾部 ， 如 图 12-1 (a ) 所 示 。 


(a) (b) 
图 12-1 添 各 骨骼 


在 默认 情况 下 ，Animate CC 2018 将 每 个 元 件 实例 的 变形 点 移动 到 骨骼 连接 的 位 置 。 对 | 
于 根 骨骼 ， 变 形 点 移动 到 骨骼 头 部 。 对 于 分 支 中 的 最 后 一 个 骨骼 ， 变 形 点 移动 到 骨骼 的 尾部 。 
如 果 不 希望 变形 点 自由 移动 ， 可 以 执行 “编辑 ” | “首选 参数 ”命令 ， 在 “绘制 ”分 类 列表 ， 
中 取消 选中 “自动 设置 变形 点 ”选项 ， 如 图 12-2 所 示 。 


置 变形 点 


(3 ) 从 第 一 个 骨骼 的 尾部 拖 动 到 要 活 加 到 骨 碎 的 下 一 个 元 件 实 例 ， 深 加 其 他 骨骼 ， 如 图 12-1 (Pb ) 
所 示 。 

(4 ) 按照 要 创建 的 父子 关系 的 顺 床 ， 将 对 象 与 骨骼 链接 在 一 起 。 

例如 ， 如 采 要 加 表示 脱 腾 的 一 系列 影片 勇 辑 添加 骨骼 ， 则 绘制 从 肩 部 到 肘 部 的 第 一 个 骨骼 、 从 肘 部 
到 手 脆 的 第 二 个 骨骼 以 及 从 于 腹 到 手 部 的 第 三 个 骨骼 。 


分 支 不 能 连接 到 其 他 分 支 ， 其 根部 除外 。 如 果 要 创建 分 支 骨架 ， 可 以 单 击 分 支 的 头 部 ， 
然后 拖 动 以 创建 新 分 支 的 第 一 个 骨骼 。 : 


创建 I 骨架 后 ， 可 以 在 骨 织 中 拖 动 骨骼 或 元 件 实例 以 重新 定位 实例 。 

2. 在 形状 中 添加 骨骼 

每 个 实例 上 只 能 有 一 个 骨骼 ,而 在 单个 形状 的 内 部 可 以 添加 多 个 骨骼 ,在 单个 形状 对 象 的 内 部 添加 骨架 ， 
不 用 绘制 形状 的 不 同 版 本 或 创建 补 间 形 状 ， 就 可 以 移动 形状 的 各 个 部 分 ， 并 进行 动画 处 理 。 例 如 ， 在 蛇 
的 形状 中 添加 骨架 ， 可 以 创建 蛇 的 候 行 动画 。 

( 1) 在 舞台 上 创建 填充 的 形状 ， 如 图 12-3 所 示 。 

(2 ) 在 舞台 上 选中 整个 形状 。 

如 果 形 状 包含 多 个 颜色 区 域 或 笔 和 甬 ， 要 确保 选中 整个 形状 。 


在 添加 第 一 个 骨骼 之 前 必须 选择 所 有 形状 。 在 形状 中 添加 骨骼 后 ，Animate CC 2018 将 
所 有 的 形状 和 骨骼 转换 为 IK 形状 对 象 ， 并 将 该 对 象 移动 到 新 的 骨架 图 层 。 形 状 转换 为 区 形 ， 
状 后， 就 无 法 再 向 其 添加 新 笔触 ， 或 与 IK 形状 之 外 的 其 他 形状 合并 。 


(3 ) 在 绘图 工具 箱 中 选择 “骨骼 工具 ”上 基 ， 然 后 在 形状 内 单 击 并 拖 动 到 形状 内 的 其 他 位 置 。 
(4) 从 第 一 个 骨 骼 的 尾部 拖 动 到 形状 内 的 其 他 位 置 ， 添加 其 他 骨骼 。 添 加 骨骼 后 的 效果 如 图 12-4 
所 示 。 


图 12-3 ”创建 的 填充 形状 图 12-4 ”添加 骨 散 后 的 效果 


| 创建 骨骼 之 后 , 如 果 要 从 IK 形状 或 骨架 中 删除 所 有 骨骼 , 可 以 选择 该 形状 ， 然 后 执行 “ 修 
人 | 改 ” | “分 离 ” 命令 ,IK 形状 将 还 原 为 正常 形状 。 


12.1.2 编辑 骨骼 
添加 的 骨骼 通常 还 需要 修改 ， 以 符合 设计 需要 。 


1. 选中 骨 骼 

使 用 “部 分 选取 工具 ” 国 单 击 可 选中 指定 的 骨骼 。 

双击 某 个 骨骼 ， 可 以 选中 骨架 中 的 所 有 人 骨骼。 

单 击 骨架 图 层 中 包含 骨架 的 帧 ， 可 以 选择 整个 骨架 并 显示 骨架 的 属性 。 

2. 移动 骨骼 

(1 ) 使 用 “部 分 选取 工具 ”加 拖 动 骨骼 的 一 端 ， 可 以 移动 骨骼 一 端的 位 置 。 

(2 ) 使 用 “部 分 选取 工具 ” 固 选 择 下 形状 ， 然 后 拖 动 任意 一 个 骨骼 ， 可 以 移动 骨架 。 

(3 ) 在 “变形 ”面板 中 修改 实例 的 变形 点 ， 可 以 移动 元 件 实例 内 骨骼 连接 、 头 部 或 尾部 的 位 置 。 


3. 修改 骨骼 属性 
选中 要 修改 的 骨骼 ， 如 图 12-5 所 示 的 属性 面板 中 可 以 修改 骨骼 属性 。 
y [ESE3RE3. 使 用 “部 分 选取 工具 ” 国 选中 一 个 骨骼 之 后 ， 单 
击 这 组 按钮 ， 可 以 将 所 选 内容 移 动 到 相 邻 骨骼 。 
位 置 : 显示 选中 的 KK 形状 在 兽人 台 上 的 位 置 、 长 度 和 角度 。 ee 
和 速度 : 用 于 限制 选 定 骨骼 的 运动 速度 。 最 大 值 100% 表示 对 速 ”国定 
度 没 有 限制 。 位 置 X%: 248.5 
和 固定 : 控制 特定 骨骼 的 运动 自由 度 。 ee 
YN 联接 : 旋转 : 约束 骨骼 的 旋转 角度 。 选 中 “启用 ”选项 之 后 ， 骨 
骼 连接 的 顶部 将 显示 一 个 指示 旋转 自由 度 的 弧 形 ,如 图 12-6 (a) 
所 示 。 
联接 : X 平移 | 联接 : Y 平移 ; 选中 “启用 ”选项 ， 选 中 骨骼 
上 将 显示 一 个 垂直 于 (或 平行 于 ) 连接 上 骨骼 的 双向 前 头 ， 如 
图 12-7 所 示 。 可 以 使 选 定 的 骨骼 沿 义 或 Y 轴 移动 并 更 改 骨 骼 
的 长 度 。 如 果 共 用 此 项 ， 则 骨骼 不 能 弯曲 ， 只 能 跟随 其 父 级 的 
运 动 。 2 约 蝇 向 部 仿 移 : 感 部 坞 称 
下， | 。 同时 对 骨骼 启用 六 平移 和 Y 平 移 ， 在 对 该 骨骼 楚 用 放 
入 一 转 时 ， 可 以 更 容易 地 定位 。 


图 12-6 禁用 旋转 前 后 图 12-7 启用 X/Y 平 称 


和 强度 : 设置 弹 筑 强度 。 值 越 高 ， 创 建 的 弹簧 效果 越 强 。 
和 阻尼 : 设置 弹 鞭 效 果 的 衰减 速率 。 值 越 高 ， 弹 鞭 属 性 减 小 得 越 快 ， 动 画 结束 得 越 快 。 如 果 值 为 0， 
则 弹 鞠 属性 在 姿势 图 层 的 所 有 帧 中 保持 其 最 大 强度 。 


12.1.3 ” 比 定 工具 


根据 正 形状 的 配置 ， 读 痢 可 能 会 发 现 ， 在 移动 骨 染 时 形状 的 笔触 并 不 按 预期 的 方式 进行 变形 。 使 用 


“ 绑 定 工具 ” 贺 可 以 编辑 单个 骨骼 和 形状 控制 点 之 间 的 连接 ， 从 而 控制 每 个 骨骼 移动 时 笔触 扭曲 的 方式 ， 
以 获得 满意 的 结 采 。 

在 Animate CC 2018 中 ， 可 以 将 多 个 控制 点 顷 定 到 一 个 骨 骨 ,也 可 以 将 多 个 骨 赃 估 定 到 一 个 控制 点 。 

(1 ) 使 用 “ 绑 定 工具 ”图 单 击 骨 能 ， 可 以 查看 骨骼 中 控制 点 之 间 的 连接 。 

己 连 接 的 点 以 黄色 加 亮 显示 ; 选 定 的 骨骼 以 红色 加 亮 显示 。 仅 连接 到 一 个 骨骼 的 控制 点 显示 为 方形 ; 
连接 到 多 个 骨骼 的 控制 点 显示 为 三 角形 ， 如 图 12-8 所 示 。 

(2 ) 使 用 “ 绑 定 工具 ”图 单 击 控制 点 ， 可 以 加 亮 显 示 已 连接 到 该 控制 点 的 骨骼 。 

已 连接 的 骨 能 以 黄色 加 腕 显示 ， 而 选 定 的 控制 点 以 红色 加 腕 显示 ， 如 图 12-9 所 示 。 

(3 ) 按 住 Shift 键 单 击 未 加 腕 显示 的 控制 点 ， 可 以 在 选 定 的 骨 和 通 中 添加 控制 后 。 

(4) 按 住 Ctrl 键 的 同时 单 击 以 黄色 加 亮 显 示 的 控制 扣 ， 可 以 从 骨骼 中 删除 控制 点 。 

(5 ) 按 住 Shift 键 单 击 骨 骼 ， 可 以 同 选 定 的 控制 点 添加 指定 的 骨骼 。 

(6) 按 住 Ctrl 键 的 同时 单 击 以 黄色 加 亮 显 示 的 骨骼 ， 可 以 从 选 定 的 控制 点 中 删除 骨骼 。 


图 12-8 显示 冰 散 和 控制 点 图 12-9 选 定 熔 制 点 已 连接 的 表 艇 


12.2 对 骨架 进行 动画 处 理 


使 用 骨骼 的 关节 结构 将 一 个 对 象 或 彼此 相关 的 一 组 对 象 联接 起 来 进行 动画 处 理 ， 可 以 使 对 象 按 复杂 
而 自然 的 方式 移动 ， 创 建 通 真 的 运动 效果 。 


12.2.1 创建 反 向 运动 


(1 ) 按照 12.1.1 节 介 绍 的 方法 在 元 件 实例 之 间 ， 或 在 形状 内 部 添加 骨骼 。 

添加 骨骼 后 ，Animate CC 2018 目 动 新 建 一 个 图 层 ， 将 实例 或 形状 以 及 关联 的 骨 织 移动 到 该 图 层 中 ， 
此 图 层 称 为 骨架 图 层 ， 如 图 12-10 所 示 。 

每 个 骨架 图 层 只 能 包含 一 个 骨架 及 其 关联 的 实例 或 形状 。 对 下 骨架 进行 动画 处 理 的 方式 与 Animate 
CC 2018 中 的 其 他 对 象 不 同 。 

(2 ) 右 击 骨架 图 层 中 的 一 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “ 插 人 姿势 ”命令 ， 即 可 创建 一 个 关键 帧 ， 
以 黑色 委 形 方块 标记 。 此 时 ， 骨 织 图 层 目 动 充当 补 间 图 层 ， 补 间 范 围 显示 为 淡 绿 色 ， 如 图 12-11 所 示 。 

上 骨架 图 层 中 的 关键 帧 称 为 姿势 。 也 可 以 在 弹出 的 快捷 菜单 中 选择 “插入 帧 ” 命令 ,调整 骨架 的 位 置 后 ， 


时 间 轴 

一 : 关 加 
有 肯 潜 -1 可 下 bp * * 
嚼 图 后 _1 


站 上 让 a | 1 本 二 | I 


到 12-11 插入 姿势 


图 12-10 骨 膝 图 层 


(3 ) 在 关键 帆 中 使 用 选取 工具 重新 定位 骨架 ，Animate CC 2018 将 在 姿 劳 之 间 的 帧 中 目 动 内 皇上 骨 骼 的 
位 置 。 
(4) 重复 (2) ~ (3) 步 ， 在 不 同 帧 中 为 骨架 定义 不 同 的 姿 执 ， 从 而 创建 动画 效 末 。 


知识 拓展 : ghee 
将 骨架 转换 为 影片 剪辑 或 图 形 元 件 
K 骨架 图 层 不 同 于 补 间 图 层 ， 无 法 在 骨 织 图 层 中 对 除 骨 骼 位 置 以 外 的 属性 进行 补 间 。 知 要 将 补 间 效果 应 
SS IK 对 象 属性 〈 如 人 位置、 变形、 色彩 效果 或 滤 镜 )， 可 将 骨架 及 其 关联 的 对 象 包含 在 影 
剪辑 或 图 形 元 件 中 。 然 后 执行 “插入 ” | “ 补 间 动画 ”命令 进行 动画 处 理 。 
( 1) 选择 IK 骨架 及 其 所 有 的 关联 对 象 。 
对 于 IK 形状 ， 只 需 单 击 该 形状 即 可 。 对 于 链接 的 元 件 实 例 集 ， 可 以 在 时 间 轴 中 单 击 骨架 图 层 。 
( 2) 右 击 所 选 内 容 ， 在 弹出 的 快捷 菜单 中 选择 “转换 为 元 件 ” 命 令 。 
( 3 ) 在 弹出 的 “转换 为 元 件 ” 对 话 框 中 输入 元 件 的 名 称 , 并 从 “类 型 ”下 拉 菜 单 中 选择 “影片 部 辑 或 “图 
形 。 人 然后 单 击 “确定” 按钮 关闭 对 话 框 。 
此 时 ，Animate CC 2018 将 创建 一 个 元 件 ， 该 元 件 的 时 间 轴 包含 骨架 的 骨架 图 层 。 现 在 ， 即 可 向 舞台 上 
的 新 元 件 实例 添加 补 间 动画 效果 。 


12.2.2 ”控制 运动 速度 


使 用 姿势 向 代 骨架 添加 动 面 和 时， 还 可 以 调整 帧 中 围绕 每 个 姿势 的 动画 的 速度 。 通 过 调整 速度 ， 可 以 
创建 更 为 笛 贞 的 运动 。 控 制 姿 势 帆 附 近 运动 的 加 速度 称 为 缓 动 。 通 过 在 时 间 轴 中 辐 还 骨架 图 层 活 加 绥 动 ， 
可 以 在 每 个 姿势 帧 前 后 使 骨 巢 加 速 或 减速 。 

器 骨 和 染 图 层 中 的 帧 添加 绥 动 的 步骤 如 下 。 

(1) 单 击 骨 染 图 层 中 两 个 姿势 帧 之 间 的 帧 。 

应 用 缓 动 时 ， 它 会 影响 选 定 帧 左 侧 和 右 侧 的 姿 努 帧 之 间 的 帧 。 如 
有 选择 茶 个 姿势 帧 ， 则 绥 动 将 影响 图 层 中 选 定 的 姿 荔 和 下 一 个 姿 荔 之 问 

(2 ) 在 属性 面板 的 “ 缓 动 ”下 拉 列 表 中 选择 缓 动 类 型 ， 如 图 12-12 
所 示 。 

MN“ 简单 ” 缓 动 : 将 降低 紧邻 上 一 个 姿势 帧 之 后 的 帧 中 运动 的 加 速 


Y | 无 


度 , 或 紧邻 下 一 个 姿势 帧 之 前 的 帧 中 运动 的 加 速度 。 缓 动 的 “ 强 简单 ( 慢 ) 
度 ” 属 性 可 控制 缓 动 的 影响 程度 。 有 
和 “停止 并 启动 ” 缓 动 : 减缓 紧邻 之 前 姿势 帧 后 面 的 帧 以 及 紧邻 图 简单 (最 快 ) 
层 中 下 一 个 姿势 帧 之 前 的 帧 中 的 运动 。 ES 
(3 ) 在 属性 面板 中 ， 为 缓 动 强 度 输 和 人 一 个 值 。 停止 并 启动 ( 快 ) 


停止 并 启动 (最 快 ) 


图 12-12 选择 缓 动 类 型 


稚 认 强度 是 0, 表 示 无 缓 动 。 最 大 值 是 100 ,表示 缓 动 效 朱 越 来 越 蝇 ， 


在 下 一 个 姿势 帧 之 前 的 帧 缓 动 效 朱 最 明显 。 最 小 值 是 -100， 表 示 绥 动 效 朱 越 来 越 蚤 ， 在 上 一 个 姿势 帧 之 
后 的 帧 绥 动 效 朱 最 明显 。 
(4 ) 完成 后 ， 在 舞台 上 预 咒 动画 。 


12.3 ”实例 精 讲 一 一 啦啦队 员 
本 节 练习 使 用 骨骼 工具 和 绑 定 工具 制作 一 个 舞动 的 呼 路， 
队员 ， 通 过 对 操作 步骤 的 详细 讲解 ， 使 读者 的 练 掌握 骨骼 工 ， 
司 具 的 使 用 方法 ， 以 及 在 时 间 轴 中 对 骨架 进行 动画 处 理 的 一 般 


由 
CE 


首先 新 建 一 个 Animate CC 2018 文档 ， 创 建 卡通 娃娃 身体 各 个 部 件 的 元 件 ， 并 在 
he 设计 | 估 台 上 排列 好 初始 奖 势 。 然 后 使 用 “骨骼 工具 ”在 各 个 实例 之 间 创 建 骨 架 。 最 后 通过 
” 国 国 :在 骨架 图 层 的 关键 帧 移动 实例 的 位 置 ， 修改 骨 骼 的 长 度 ， 创 建新 的 姿势 ， 最 终 效果 如 

| 图 12-13 所 示 。 \ 


图 12-13 ”动画 效果 


z J 
操 国 步 国 
(1 ) 新 建 一 个 ActionScript 3.0 文件 ， 创 建 一 个 卡通 娃娃 身体 各 部 件 的 元 件 ， 并 在 舞台 上 排列 配置 ， 
如 图 12-14 所 示 。 
(2 ) 利用 “骨骼 工具 ”添加 骨骼 ， 如 图 12-15 所 示 。 


图 12-14 排列 配置 实例 图 12-15 添加 骨骼 


(3 ) 右 击 骨架 图 层 的 第 15 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “插入 人 帧 ”命令 。 此 时 ， 时 间 轴 上 的 骨架 图 
层 将 显示 为 绿色 。 

(4) 执行 下 列 操作 之 一 ， 回 骨架 图 层 中 的 帧 添加 姿势 : 

9 将 播放 头 放 在 要 添加 姿势 的 巾 上 ， 然 后 在 三 人 台 上 重新 定位 骨架 。 

YN 右 击 骨架 图 层 中 的 帧 ， 在 弹出 的 快捷 菜单 中 选择 “ 播 入 姿势 ”命令 。 

所 将 播放 头 放 在 要 添加 炊 势 的 帧 上 ， 然 后 按 F6 键 。 

Animate CC 2018 将 向 当前 帆 中 的 骨架 图 层 插入 姿势 。 此 时 ， 第 15 帧 将 出 现 一 个 黑色 的 蓉 形 ， 该 图 
形 标记 指示 新 姿势 。 

(5 ) 在 舞台 上 按 下 Alt 键 的 同时 ， 移 动 卡通 娃娃 的 右 腿 ， 调 整 姿 势 ， 此 时 骨 骨 的 长 度 也 将 目 动 进行 
调整 ， 如 图 12-16 所 示 。 用 户 也 可 以 在 属性 面板 中 调整 骨骼 长 度 。 

(6) 在 骨架 图 层 中 插入 其 他 帆 ， 并 添加 其 他 姿势 ， 以 完成 满意 的 动画 ， 如 图 12-17 所 示 。 


图 12-16 移动 骨 艇 图 12-17 调整 次 势 


(7) 按 Ctrl+Enter 键 预 宽 动 夯 效 果 ， 如 图 12-13 所 示 。 然 后 执行 “文件 ”1 “保存 ”命令 保存 文件 。 
| 如 果 要 在 时 间 轴 中 更 改动 画 的 长 度 ， 可 以 将 骨架 图 层 的 最 后 一 个 帧 向 右 或 向 左 拖 动 ， 
As !Animate CC 2018 将 依照 图 层 持 续 时 间 更 改 的 比例 重新 定位 姿势 帧 。 


1. 如 何 设置 骨架 的 样式 ? 

答 : 在 Animate CC 2018 中 可 以 使 用 四 种 方式 在 舞台 上 绘制 上 骨骼。 在 时 间 轴 中 选择 下 范围 ， 然 后 在 
属性 面板 的 “选项 ”区 域 的 “样式 ”下 拉 列 表 中 选择 样式 。“ 实 线 ” 是 默认 样式 ;“ 线 框 ” 在 纯色 样式 遮 
住 骨骼 下 的 插图 太 多 时 很 有 用 ;“ 线 ”用 于 较 小 的 骨架 ;“ 无 ” 则 隐藏 骨骼 。 

读者 要 注意 的 是 ， 如 果 将 “骨骼 样式 ”设置 为 “无 ”并 保存 文档 ，Animate CC 2018 在 下 次 打开 文档 
时 会 自动 将 骨骼 样式 更 改 为 “ 线 ”。 

2. 能 否 向 文本 添加 IK 骨骼 ? 

答 : 要 回 文 本 添加 下 骨骼 ， 应 首先 将 它 转换 为 元 件 。 在 添加 骨骼 之 前 ， 元 件 实例 可 以 位 于 不 同 的 图 
层 上 。 或 者 执行 “修改 ”1 “分 离 ” 命 令 将 文本 打 散 为 单独 的 形状 ， 然 后 对 各 形状 使 用 骨骼 。 

3. 在 将 骨骼 添加 到 一 个 形状 后 ， 编 辑 该 形状 会 有 哪些 限制 ? 

答 : 形状 成 为 焉 形状 时 ， 具 有 以 下 限制 : 不 能 将 一 个 代 形状 与 其 外 部 的 其 他 形状 进行 合并 ; 不 能 使 
用 “任意 变形 工具 ”旋转 、 缩 放 或 倾斜 该 形状 ; 不 能 向 该 形状 添加 新 笔触 ; 不 能 通过 在 舞台 上 双击 它 进 而 


4. 如 何 删除 骨骼 ? 

答 : 要 删除 骨骼 可 以 执行 下 列 操作 之 一 : 

(1 ) 硅 要 删除 单个 骨 骨 及 其 所 有 子 级 ， 则 单 击 该 骨 能 并 按 Delete 键 删除 。 

(2 ) 硅 要 从 时 间 轴 的 某 个 区 形状 或 元 件 骨 架 中 删除 所 有 上 骨 骨 ,在 时 间 轴 中 右键 单 击 代 骨架 范围 ， 
并 从 弹出 的 快捷 亲 单 中 选择 “删除 骨架 ”。 

(3 ) 硅 要 从 舞台 上 的 某 个 I 形状 或 元 件 骨 架 中 删除 所 有 骨骼 ， 则 双击 骨架 中 的 某 个 骨 铝 以 选择 所 有 
骨骼 ， 然 后 按 Delete 键 删 除 。 


12.5 ”学习 效果 目测 


一 、 选 择 题 

1 以 下 关于 骨 骨 动画， 正确 的 描述 有 (。。 )。 
A. 可 使 元 件 实例 和 形状 对 象 按 复杂 而 自然 的 方式 移动 
B. 可 以 轻松 创建 人 物 腹 膊 、 腿 的 动画 
C. 在 父子 层次 结构 中 ， 骨 架 中 的 骨骼 彼此 相连 


D. 骨架 可 以 是 线性 的 或 分 文 的 
2. 为 了 控制 特定 骨骼 的 运动 目 由 度 ， 可 约束 骨骼 合理 的 运动 范围 包括 人 上 
A. 位 置 B. 联接 : 旋转 C. 联接 : 和 平移 D. 联接 : 立 平 移 
3. 建立 一 个 骨骼 动画 之 后 ， 可 以 通过 ) 拖 动 以 调整 关 方 位置 。 
A. 骨 能 工具 B. 选择 工具 C. 部 分 选取 工具 D. 绑 定 工具 
二 、 填 空 题 
1. 骨 能 链 称 为 。 在 父子 层次 结构 中 ， 骨 和 架 中 的 骨骼 彼此 相连 ,骨架 可 以 是 
或 _。 骨 能 之 间 的 连接 点 称 为 ” 。 
2. 在 Animate CC 2018 中 可 以 按 两 种 方式 使 用 还 。 第 一 种 方式 是 ,第 二 种 方式 是 
3. Animate CC 2018 包 括 两 个 用 于 处 理 偿 的 工具 。 使 用 可 以 同 元 件 实例 和 形状 添加 骨髓 。 
使 用 可 以 调整 形状 对 象 的 各 个 骨骼 和 控制 点 之 间 的 关系 。 
4. 在 同 元 件 实例 或 形状 添加 骨 通 时 ，Animate CC 2018 将 实例 或 形状 以 及 关联 的 骨 染 移动 到 时 间 轴 中 
的 新 图 层 ,此 新 图 层 称 为 。 每 个 姿势 图 层 只 能 包 侣 骨架 及 其 天 联 的 实例 或 形状 。 
5. 如 果 要 将 某 个 骨骼 与 其 子 级 骨 噩 一 起 旋转 而 不 移动 父 级 上 骨骼， 应 在 按 住  _ 的 同时 拖 动 


该 骨骼 0 


一 个 好 的 动画 作品 离 不 开 声音 ， 
Animate CC 2018 提供 多 种 使 用 产 音 的 六 
ae ob 也 可 使 音 轨 中 的 声音 与 动画 同步 

视频 也 是 制作 Animate CC 2018 应 用 程序 (如 演示 文档 或 课件 ) 
的 重要 组 成 部 分 。Animate CC 2018 可 以 将 视频 、 数 据 、 图 形 、 声 音 
和 交互 式 控 制 融 为 一 体 ， 创 建 丰 军 多 彩 的 多 媒体 应 用 程序 。 


本 章 主要 讲解 在 Animate CC 2018 中 添加 音频 、 视 频 的 方法 和 技 
We 以 及 输出 有 声 动画 等 知识 点 。 


全 让 作品 增色 不 少 。 
至 ， i 音 独 立 于 时 间 
J ， 或 在 动画 播放 过 程 中 


人 


+ 添加 声音 


党 添加 视频 


13.1 添加 声音 


动画 的 魅力 不 只 是 视觉 上 的 吸引 ， 还 需要 声音 效果 的 辅助 。Animate CC 2018 支持 在 关键 帧 或 按钮 中 
添加 声音 ， 通 过 不 同 的 声音 效果 可 以 使 动画 更 引人入胜 ， 使 按钮 具有 更 强 的 互动 性 。 


13.1.1 前 音 的 类 型 


这 里 所 说 的 声音 类 型 并 非 指 音频 文件 的 格式 ， 而 是 指 声音 文件 在 动画 作品 中 的 表现 方式 。 按 照 这 种 
方式 分 类 ，Animate CC 2108 中 使 用 的 声音 有 两 种 : 事件 声音 和 流 式 声音 。 

1. 事件 声音 

事件 声音 由 动画 中 发 生 的 动作 触发 。 例 如 : 单 击 某 个 按钮 ， 或 者 时 间 轴 到 达 某 个 已 设置 声音 的 关键 
MW 时， 开始 播放 声音 文件 。 事 件 声音 在 播放 之 前 必须 完全 加 载 到 客户 端 ， 下 载 之 后 ,重复 播放 不 用 再 次 
下 载 ， 可 以 作为 循环 的 背景 音乐 。 

对 于 事件 声音 ， 读 者 要 注意 以 下 几 点 。 

和 事件 声音 一 旦 开始 播放 ， 就 会 从 开始 一 直播 放 到 结束 ， 而 不 管 影片 是 否 放 慢 速 度 ， 其 他 事件 声 

音 是 否 正在 播放 ， 甚 至 浏览 者 已 进入 作品 的 其 他 部 分 ， 它 都 会 继续 播放 。 

和 事件 声音 无 论 长 短 都 只 能 插入 到 一 个 关键 帧 中 。 

2. 流 式 声 音 

流 式 声音 是 随 着 帧 的 播放 而 载 人 的 ， 通 常用 于 与 动画 中 的 可 视 元 素 同步 。 

对 于 流 式 声音 ， 读 者 要 注意 以 下 几 点 。 

和 即使 很 长 的 流 式 声音 ， 只 下 载 很 小 一 部 分 声音 文件 之 后 就 可 以 播放 。 

钮 声音 流 只 在 它 所 在 的 幅 中 播放 。 没 有 到 达 该 帆 ， 或 过 了 该 帆 ， 就 会 停止 播放 。 

下 : ;在 将 声音 导入 到 Animate CC 2018 之 前 ， 用 户 就 要 明确 如 何在 作品 中 应 用 它 。 根 据 不 同 的 
< 。 :使用 方式 ，Animate CC 2018 分 别 做 不 同 的 处 理 ， 这 将 有 助 于 缩小 文件 。 


13.1.2 ”导入 音频 


声音 文件 和 其 他 类 型 的 动画 元 素 一 样 ， 可 以 使 用 “导入 ”命令 将 其 导入 到 影片 中 。 
(1) 执行 “文件 ”1 “导入 ”| “导入 到 库 ” 命 令 ， 打开 如 图 13-1 所 示 的 “导入 到 库 ” 对 话 框 。 
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图 13-1 “导入 到 库 ” 对 话 杠 


:在 早期 的 版 本 中 ， 必 须 先 将 音频 文件 导入 到 库 中 ， 然 后 才能 将 音频 添加 到 图 层 中 。 
AP ;Animate CC 2018 支持 将 音频 直接 导入 到 舞台 上 。 

(2 ) 选中 需要 的 声音 文件 ， 单 击 “打开 ”按钮 。 将 声音 文件 导入 到 Animate CC 2018 中 ， 这 时 会 在 
屏幕 上 显示 导入 进度 ， 如 图 13-2 所 示 。 
在 Animate CC 2018 中 不 能 使 用 MIDI 文 件 。 如 果 要 使 用 MIDI 文 件 ， 必 须 使 用 


JavaScript。 


(3 ) 完成 导入 后 , 导 和 人 的 声音 文件 就 以 元 件 的 形式 保存 在 库 中 , 如 图 13-3 所 示 。 如 采 使 用 “ 导 人 到 舞 
侣 ”命令 村 人 和信 冯 频 ， 则 首 频 文件 插入 当前 帧 中 。 


图 13-2 民 信 进度 图 13-3 保存 在 “ 库 ” 中 的 声音 及 件 


导 人 声音 后 ， 声 音 文件 目 动 存储 在 库 中 。 也 怠 是 次 ,用户 只 需要 一 个 声音 文件 的 副本 ， 就 可 以 在 影 


片 中 无 数 次 地 使 用 该 声音 。 
En 声音 在 存储 时 ,需要 占用 较 大 的 磁盘 空间 和 内 存 , 因此 , 最 好 使 用 22kHz 16 位 的 单 声 声 道 。 


人 入 ”| 如 果 计 算 机 内 存 有 限 ， 就 使 用 短 的 声音 剪辑 或 用 8 位 的 声音 。 


13.1.3 ”为 影片 添加 声音 


为 影片 添加 声音 可 以 使 影片 变 得 有 声 有 色 ， 更 加 生动 形象 。 

指定 关键 下 开 始 或 分 止 声音 的 播放 以 使 它 与 动画 的 播放 同步 ， 征 影片 涩 加 声音 最 常见 的 操作 。 用 户 
也 可 以 将 关键 帧 与 舞 台 上 的 事件 联系 起 来 ， 这 样 就 可 以 在 完成 动画 时 俘 目 或 播放 声音 。 

(1) 执行 “文件 1“ 导 入 ”1“ 导 和 到 库 ” 命 令 ， 将 声音 导 人 到 “ 库 ” 面 板 中 。 

(2 ) 执行 “插入 ”|“ 时 间 轴 ”|“ 图 层 ” 命 令 ， 为 声音 创建 一 个 图 层 。 

声音 图 层 可 以 存放 一 段 或 多 段 声音 ， 也 可 以 把 声音 放 在 任意 多 的 层 上 ， 每 一 层 相 当 于 一 个 独立 的 声 
道 , 在 播放 影片 时 , 所 有 层 上 的 声音 都 将 回放 。 添 加 声音 效 采 时 , 最 好 为 每 一 段 声 音 创 建 一 个 独立 的 图 层 ， 
这 样 可 以 防止 声音 在 同一 图 层 内 相互 登 加 。 

(3 ) 在 声音 图 层 上 创建 一 个 关键 帧 ， 作 为 声音 播放 的 开始 帧 。 打 开 属性 面板 ， 在 “声音 ”下 拉 列 表 
中 选择 一 个 声音 文件 ; 在 “效果 ”下 拉 列 表 框 中 选择 一 种 声 首 效 采 ; 然后 打开 “同步 ”下 拉 列 表 选 择 “ 事 


名 


图 13-4 设置 开始 关键 帧 声音 属性 图 13-5 ”声音 的 同步 选项 


同步 声音 的 方式 有 如 图 13-5 所 示 的 四 种 : 
和 事件 : 使 声音 与 某 个 事件 同步 发 生 。 当 动画 播放 到 被 赋予 声音 的 第 一 帧 时 ， 上 声音 就 开始 播放 。 由 
于 事件 声音 独立 于 动画 的 时 间 轴 播放 ， 因 此 ， 即 使 动画 结束 ， 上 声音 也 会 完整 地 播放 。 此 外 ， 如 果 

影片 中 添加 了 多 个 声音 文件 ， 用 户 听 到 的 将 是 最 终 的 混 音效 果 。 

和 开始 : 与 事件 方式 相同 ， 不 同 的 是 ， 同 一 段 时 间 只 能 有 一 个 声音 播放 。 

YW 停止 : 停止 播放 声音 。 

9 数据 流 : 在 Web 站 点 上 播放 影片 时 ， 将 声音 分 配 到 每 一 帧 ， 从 而 使 声音 与 影片 同步 。 影 片 停止 ， 

声音 也 将 停止 。 

(4) 在 “重复 ”文本 框 中 输入 数字 用 于 指定 声音 重复 播放 的 次 数 。 
提示 ，] 由 于 流 式 声音 的 播放 时 间 取决 于 它 在 时 间 轴 中 占据 的 由 
和 | 数 ， 因 此 ， 不 要 为 流 式 声音 设置 循环 ， 和 否则 ， 文 件 的 容量 将 

成 倍增 加 。 


(5 ) 在 声音 图 层 上 创建 另 一 个 关键 帧 ， 作 为 声音 播放 的 结束 帧 。 在 
“声音 ”下 拉 列 表 中 选择 同一 个 声音 文件 ， 然 后 打开 “同步 ”下 拉 列 表 
框 选择 “停止 ”选项 ， 如 图 13-6 所 示 。 

按照 上 述 方法 将 声音 添加 到 动画 内 容 之 后 ， 可 以 在 声音 图 层 中 看 到 
声音 的 幅度 线 ， 如 图 13-7 所 示 。 图 13-6 ”设置 结束 关键 帧 声音 属性 


时 间 输 
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坷 | | 1 本 i Bb ib kl 


声音 图 层 中 的 两 个 关键 帧 的 长 度 不 要 超过 声音 播放 的 总 长 度 ， 否 则 动画 还 没有 播放 到 第 
2 个 关键 巅 ， 声 音 文件 就 已 经 结束 ， 指 定 的 功能 就 无 法 实现 。 


上 上 机 练习 一 一 添加 背景 音乐 


绩 园 | ”本 节 练 习 制 作 一 个 有 背景 音乐 的 动画 。 通 过 对 实例 操作 
Ne 方法 的 详细 讲解 使 读者 进一步 掌握 为 影片 添加 声音 的 方法 。 


13.1.4 


人 = 首先 新 建 一 个 空白 的 Animate CC 2018 文档 ， 导 入 一 幅 背 景 图 像 。 然 后 使 用 外 部 ; 


国 因 库 元 件 添 加 鼓手 和 吉他 手 演奏 的 影片 剪辑 。 最 后 导入 声音 文件 添加 背景 音乐 ， 最 终 效 
一 |: 果 如 图 13-8 所 示 。 背 景 音乐 一 直播 放 ， 即 使 主 时 间 轴 已 停止 ， 直 到 音乐 结束 。 \ 


图 13-8 动画 效果 


棠 因 步 医 BE 
(1) 执行 “文件 ”| “新 建 ” 命 令 ， 新 建 一 个 Animate CC 2018 文档 ( ActionScript 3.0 )， 舞 台大 小 
为 640 像素 x 360 像 系 ， 帧 频 为 12fps。 
(2 ) 执行 “文件 ”1 “守信 ”1 “ 守 人 到 狂人 台 ” 命 令 ， 守 人 一 幅 育 景 图 像 。 调 整 图 像 的 位 置 ， 使 图 
像 左上 角 与 舞台 左上 角 对 齐 。 然 后 将 图 像 转 换 为 图 形 元 件 ， 在 属性 面板 上 的 “色彩 效果 ”区 域 设置 实 例 
腕 度 为 30%， 效 朱 如 图 13-9 所 示 。 


到 13-9 ” 背 蚜 效果 


(3 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 ,新 建 一 个 图 层 , 用 于 放置 实例 。 选 中 第 1 帧 ,执行 “ 文 
件 ”1 “导入 ”1 “打开 外 部 库 ” 命 令 ， 打 开 一 个 包含 弹 训 他 和 逆 吏 影片 剪辑 的 Animate CC 2018 文件 。 
此 时 ， 将 打开 指定 文件 的 “ 库 ” 面 板 。 

(4) 在 “ 库 ” 面 板 中 将 弹 计 他 和 殴 到 的 影片 剪辑 拖 放 到 舞台 上 ， 调 整 实例 位 置 和 大 小 ， 歼 果 如 
图 13-10 所 示 。 


到 13-10 在 舞台 上 添加 实例 


Animate CC 2018 文 持 导 和 人 wma、mp3 等 音频 文件 ， 接 下 来 导 人 一 首 mp3 格式 的 歌曲 。 

(5 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 ， 新 建 一 个 图 层 用 于 放置 声音 。 然 后 执行 “文件 ”| 
“导入 ”1“ 导 和 到 库 ” 命 令 ,在 弹出 的 “导入 到 库 ” 对话 框 中 选中 要 导入 的 音乐 文件 ,并 单 击 “打开 ”按钮 。 

(6 ) 选择 新 建 图 层 的 第 1 帧 ， 在 属性 面板 上 的 “声音 ”下 拉 列 表 中 选择 上 一 步 导 和 人 的 声音 文件 。 


(7 ) 按 住 Shift 键 选中 3 个 图 层 的 第 40 帧 , 按 FS 键 插 和 人 一 个 扩展 帧 , 可 以 看 到 音频 图 层 的 音频 该 形 ， 
波形 的 起 伏 代 表 了 振幅 ， 如 图 13-11 所 示 。 


图 13-11 添加 声音 及 任 


此 时 ， 按 Enter 键 ， 即 可 听 到 指定 的 背景 音乐 。 
(8 ) 执行 “文件 ”1 “保存 ”命令 ， 保 存 文件 。 


13.1.5 “为 按钮 添加 声音 


为 按钮 添加 声音 ， 可 以 使 按钮 针对 用 户 不 同 的 动作 啊 应 不 同 的 声音 。 

(1) 执行 “文件 ”|“ 守 入 ”|“ 导 入 到 库 ” 售 令 ， 守 入 需要 的 声音 文件 。 

(2) 执行 “插入 ”|“ 新 建 元 件 ” 命 令 ,弹出 “创建 新 元 件 ” 对 话 框 ,输入 元 件 的 名 称 ,“ 类 型 ”选择 “ 按 
钮 "， 单 击 “ 确 定 ” 按 钮 跳 转 到 元 件 编辑 窗口 。 

(3 ) 在 元 件 编辑 窗口 新 建 一 个 声音 图 层 ， 在 每 个 要 加 入 声音 的 按钮 状态 创建 一 个 关键 帧 。 例 如 ， 寿 
想 使 按钮 在 鼠标 经 过 时 发 出 声音 ， 可 在 按钮 的 “指针 经 过 ” 巾 中 创建 一 个 关键 帧 。 

(4) 打开 对 应 的 属性 面板 ， 在 “名 称 ” 下 拉 列 表 中 选择 需要 的 声音 文件 ， 打开“ 同步 ”下 拉 列 表 中 
选择 声音 的 同步 方式 ， 时 间 轴 如 图 13-12 所 示 。 


(5 ) 返回 场景 。 从 “ 库 ” 面 板 中 将 刚才 创建 的 按钮 拖 放 到 舞台 上 ， 按 Ctrl+Enter 键 测试 按钮 各 个 状 
态 的 音效 。 


rm 如 果 希 望 按钮 的 不 同 状态 关联 不 同 的 声音 ， 可 以 把 不 同 关键 帧 中 的 声音 置 于 不 同 的 层 中 ， 
人 | 还 可 以 在 不 同 的 关键 帧 中 使 用 同一 种 声音 ， 但 使 用 不 同 的 效果 。 


TY 在 动画 中 添加 声音 的 方法 ， 
EE- YY 练 习 | 本 节 练 习 将 制作 一 个 按钮 ， 并 添加 按钮 单 击 的 声音 月 。 通 过 对 JI 贡 
二 目 舍 《 实 多 操作 方法 的 具体 讲解 nd 
法 和 按钮 声音 的 添加 方法 。 ee 有 声 按钮 


[| 


首先 新 建 一 个 按钮 元 件 ， 使 用 绘图 工具 和 “颜色 ”面板 制作 按钮 弹 起 时 的 状态 。 
然后 通过 修改 填充 效果 制作 指针 经 过 时 和 按 下 时 的 状态 。 最 后 新 建 一 个 图 层 ， 在 ， 接 ， 


AN 下 " 帧 导入 声音 文件 。 最 终 效果 如 图 13-13 所 示 , 初 始 时 按钮 状态 如 图 13-13(a ) 所 示 ; 


将 鼠标 指针 移 到 按钮 上 时 ， 效 果 如 图 13-13 (b ) 所 示 ; 按 下 鼠标 左 键 ， 
(ec ) 所 示 ， 且 播放 指定 的 声音 。 


效果 如 图 13-13 . 


可 作 尼 可 逐 地 


(1 ) 新 建 一 个 Animate CC 2018 文档 ,舞台 大 小 为 600 像素 x 450 像素 。 执 行 “ 文 件 ”|“ 导 入 ”|“ 导 
人 到 舞台 ”命令 ， 导 人 一 幅 痛 景 图 像 。 在 “信息 ”面板 中 调整 背景 图 像 的 位 置 ， 使 图 像 左 上 角 与 舞台 左 
上 角 对 齐 ， 如 图 13-14 所 示 。 

(2 ) 执行 “插入 ”|“ 新 建 元 件 ” 命 令 , 在 弹出 的 “ 创 
建新 元 件 ” 对 话 框 中 输入 元 件 名 称 button， 类 型 为 “ 按 
及 ”, 完成 后 单 击 “ 确 定 ” 按 钮 ,进入 按钮 元 件 编 辑 窗 口 。 

(3 ) 绘制 “ 弹 起 ” 帧 图 形 。 

QD 选择 “ 弹 起 ” 帧 ,使 用 “椭圆 工具 ”绘制 一 个 
正 圆 ， 笔 触 颜色 为 黑色 ， 大 小 为 1， 填 充 色 为 黑 日 线性 
渐变 ， 如 图 13-15 所 示 。 

@) 单 击 图 层面 板 左下 角 的 “新 建 图 层 ” 按 钮 ， 新 
建 图 层 2。 石 击 图 层 1 的 “ 弹 起 ” 帧 ， 在 弹出 的 快捷 沫 
选择 “粘贴 帧 ”命令 。 图 13-14 ”导入 的 背景 图 条 


@B) 执行 “修改 ”1 “变形 ”1 “缩放 和 旋转 ”命令 , 设置 缩放 比例 为 80%。 然 后 打开 “颜色 ”面板 ， 
设置 颜色 类 型 为 “ 径 向 渐变 ”， 填 充 色 为 白 绿 渐 变 ， 效 果 如 图 13-16 所 示 。 
(9 选择 “渐变 变形 工具 ”， 调 整 渐变 中 心 点 的 位 置 ， 效 果 如 图 13-17 所 示 。 


图 13-15 给 制 圆 形 图 13-16 ”填充 效果 图 13-17 调整 渐变 效果 


(4) 绘制 “指针 经 过 ” 帧 的 图 形 。 

按 住 Shift 键 单 击 图 层 1 和 图 层 2 的 “指针 经 过 ” 帧 ， 并 按 F6 键 插 人 关键 帧 。 然 后 选中 按钮 图 形 中 
加 的 小 圆 形 ， 打 开 “ 颜 色 ” 面 板 ， 将 第 二 个 颜色 话 标 的 颜色 修改 为 趴 色 ， 如 图 13-18 所 示 。 

05 ) 绘制 “ 按 下 ” 帧 的 图 形 。 

按 住 Shift 刍 单 击 图 层 1 和 图 层 2 的 “ 按 下 " 帧 ,并 按 F6 键 插入 关键 帧 ,然后 选中 按钮 图 形 中 间 的 小 圆 形 ， 
打开 “颜色 ”面板 ， 将 颜色 类 型 修改 为 “线性 渐变 ”， 渐 变色 为 红 日 渐变 ， 效 朱 如 图 13-19 所 示 。 


洪 加 到 色 槐 


吉 加 到 色 板 


图 13-18 ”修改 和 填充 色 到 13-19 ”修改 填充 效果 


(6) 绘制 “点 击 ” 帧 的 图 形 。 

按 住 Shift 键 单 击 图 层 1 和 图 层 2 的 “点 击 ” 帧 ， 然 后 按 F5 键 ， 将 “ 按 下 ” 帧 的 图 形 扩展 到 “点 

(7 ) 添加 声音 。 

单 击 图 层面 板 左下 角 的 “新 建 图 层 ” 按 钮 ， 新 建 图 层 3 用 于 放置 声音 。 

选中 图 层 3 的 “ 按 下 ” 帧 , 按 F6 键 插入 关键 帧 ,然后 执行 “文件 ”1“ 导 和 人 ”1“ 导 人 到 舞台 ”命令 ， 
导入 一 个 声音 文件 ， 该 声音 文件 将 自动 添加 到 当前 选中 的 关键 帧 上 ， 如 图 13-20 所 示 。 

(8 ) 单 击 编辑 栏 上 的 “返回 ”按钮 返回 主场 景 。 打 开 “ 库 ”面板 , 拖 放 一 个 已 制作 的 按钮 元 件 到 舞台 上 ， 
如 图 13-21 所 示 。 

(9 ) 执行 “控制 ”1 “启用 简单 按钮 ”命令 ， 即 可 在 舞台 上 测试 按钮 的 各 个 状态 。 也 可 以 按 
Ctrl+Enter 键 测试 按钮 的 声音 效果 ， 如 图 13-13 所 示 。 
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到 13-20 ”添加 声音 图 13-21 添加 按钮 实例 


13.1.7 ”编辑 声音 


在 实际 的 动画 制作 过 程 中 ， 在 将 声音 文件 添加 到 动画 中 之 前 ， 常 常 需 要 编辑 声音 ， 以 使 其 符合 设计 
需要 。 例 如 ， 截 取 声音 的 一 部 分 ， 或 使 声音 播放 时 音量 或 声 道 随时 变化 ， 等 等 。 对 声音 的 编辑 是 在 “ 纺 
得 封套 ”对 话 框 中 进行 的 。 

选中 要 编辑 声音 的 关键 帧 , 单 击 属性 面板 上 “效果 "下 拉 列 表 框 右 侧 的 “编辑 声音 封套 "按钮 贺 , 打 开 * 编 
名 封套 ”对 话 框 ， 如 图 13-22 所 示 。 


鸟 “停止 声音 ”区 避 : 单 去 该 按钮 停止 正在 播放 


的 声音 。 

NHN“ 放大 ” 国 和 “缩小 ” 国 : 放大 或 缩小 声音 
的 幅度 线 。 

Ny“ 秒 ”图 : 将 声音 进度 设置 为 以 “ 秒 ” 为 单 
位 的 标尺 。 

HN“ 帧 ” 园 : 将 声音 进度 设置 为 以 “ 帧 ”为 单 
位 的 标尺 。 

(1 ) 定义 声音 的 起 点 和 终点 。 


在 图 中 可 以 看 到 两 个 波形 图 ， 它 们 分 列 是 左 声 
道 和 右 声 道 的 波形 。 在 左 声 道 和 右 声 道 之 间 有 一 条 
分 隅 线 ， 长 度 与 声音 文件 的 长 度 一 致 。 分 隔 线 上 左 
右 两 侧 各 有 一 个 控制 手柄 ， 它 们 分 别 是 声音 的 “ 开 再 


始 时 间 ” 控 件 和 声音 的 “停止 时 间 ” 控 件 ， 拖 动 它 图 13-22 “编辑 封套 ”对 话 框 
们 可 以 改变 声音 的 起 点 和 终点 ， 如 图 13-23 所 示 。 

定义 声音 的 起 点 和 终点 后 ,分隔 线 的 长 度 随 着 滑 块 的 拖 动 而 发 生变 化 ， 表 明定 义 声音 的 起 点 和 终点 
的 操作 已 经 生效 。 


(2 ) 设置 声音 效果 。 

“编辑 封套 ”对 话 框 中 的 声 道 波形 上 方 有 一 条 直线， 用 于 调节 声音 的 幅度 ， 称 为 幅度 线 。 在 幅度 
线 上 有 两 个 声音 幅度 调节 手柄 ， 拖 动 调节 点 可 以 调整 幅度 线 的 形状 ， 从 而 调节 某 一 段 声音 的 幅度 。 如 
图 13-24 所 示 是 从 右 到 左 淡 出 效果 图 。 


RE 


图 13-23 ”定义 声音 的 起 点 和 终点 图 13-24 ”从 布 到 左 淡出 效果 图 


使 用 一 个 声音 幅度 调节 点 只 能 简单 地 调节 声音 的 幅度 。 对 于 比较 复杂 的 音量 效果 ， 要 增加 声音 调节 
点 的 数量 。 单 击 幅 度 线 即 可 添加 声音 调节 点 。 例 如 在 幅度 线 上 单 击 7 次 ,将 在 左 、 右 声 道 上 各 谎 加 7 个 
声音 调节 点 ， 如 图 13-25 所 示 。 


声音 调节 点 的 数量 最 多 只 能 有 8 个。 如 果 试 图 添加 多 于 8 个 声音 调节 点 ，Animate CC 
”注意 。 2018 将 忽略 用 户 单 击 旺 度 线 的 操作 。 如 要 删除 声音 幅度 调节 点 ,只 需 将 其 拖 出 声音 窗口 即 可 。 


0 
4 
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图 13-25 ”添加 声音 调节 点 


13.1.8 ”优化 声音 


Animate CC 2018 本 二 并 不 是 一 个 声音 编辑 优化 程序 ,不 过 ,用户 可 以 在 Animate CC 2018 中 通过 “ 声 
音 属性 ”对 话 框 优化 声音 。 使 用 “声音 属性 ”对 话 框 中 的 导出 设置 ， 用 户 可 以 很 好 地 控制 单个 声音 文件 
的 导出 质量 和 大 小 。 如 果 没 有 定义 声音 的 导出 设置 ， 则 Animate CC 2018 将 使 用 “发 布设 置 ”对 话 框 中 


系统 默认 的 声音 设置 导出 声音 ， 用 户 也 可 以 按照 自己 的 需要 在 “发 布设 置 ” 对 话 框 中 输入 数值 。 

(1 ) 执行 “窗口 ”1 “ 库 ” 命 令 ， 打 开 “ 库 ”面板 。 

(2 ) 选择 要 优化 的 声音 ， 单 击 “ 库 ”面板 底部 的 “属性 ”按钮 ， 打 开 “ 声 音 属 性 ”对 话 框 ， 如 
图 13-26 所 示 。 


03carelesswhisper.mp3 


2011 年 3 月 15 日 0s ] 导 
和 尾 kHz 评 体 声 16 位 300.2 种 4803.3 kB 
压缩 (P 


使 用 导入 的 MP3 品 质 


图 13-26 “声音 属性 ”对 话 框 


所 预览 窗口 : 显示 声音 的 数字 波形 。 如 果 文 件 是 立体 声 的 ， 它 的 左 声 道 和 右 声 道 会 出 现在 预览 窗口 
中 。 如 果 声 音 是 单 声 道 的 ， 则 只 显示 一 个 声 道 。 

和 文件 名 : Animate CC 2018 基于 原始 文件 名 给 声音 文件 分 配 一 个 默认 的 名 字 ， 用 来 在 库 中 标识 这 
个 声音 。 可 以 将 它 重 命名 为 一 个 好 记 的 文件 名 。 

所 文件 路 径 : 声音 最 初 导 入 的 目录 路 径 。 

和 文件 信息 : 提供 文件 数据 ， 诸 如 : 上 次 修改 时 间 、 采 样 率 、 采 样 尺寸 、 持 续 时 间 (以 秒 为 单位 )、 


原始 大 小 。 
和 压缩 : 设置 性 出 项 目 以 创建 Animate CC 2018 影片 时 ， 对 声音 采用 的 压缩 方法 。 每 种 压缩 类 型 都 
有 自己 独特 的 设置 。 


NN 默认 : 导出 时 ，Animate CC 2018 用 同一 个 压缩 比 压 缩影 片 中 的 所 有 声音 。 用 通用 设置 ， 有 些 声 
音 听 起 来 不 错 ， 有 些 却 糟 透 了 。 因 此 ， 建 议 对 不 同 的 声音 采用 不 同 的 压缩 比 。 
NN ADPCM: 将 声音 文件 压缩 成 16 位 的 声音 数据 。 这 种 压缩 方式 最 适用 于 简短 的 声音 ,例如 单 击 按 
钮 的 声音 、 音 响 效 果 的 声音 、 事 件 驱 动 式 声音 。 用 于 循环 音 轨 也 非常 好 。 
旨 : | 建议 读者 做 任何 选择 都 要 用 “测试 ”按钮 试听 一 下 。 通 常 ， 声 轨 可 以 采用 较 低 的 采样 率 ， 
AZ ; 音 轨 则 需要 较 高 的 采样 率 以 避免 单调 。 
NN MP3: 用 MP3 压缩 原始 的 声音 文件 ( .wav ) 会 使 文件 大 小 减 为 原来 的 十 分 之 一 ， 而 音质 没有 明 
显 的 损失 ， 适 合 输出 较 长 的 声音 数据 流 。 
NN Raw: 这 个 选项 不 是 真正 的 压缩 ， 而 是 导出 声音 时 用 新 的 采样 率 进 行 再 采样 。 
和 语音 : 声音 不 经 压缩 就 输出 。 
NM“ 更 新 ”按钮 : 在 声音 编辑 程序 中 ， 如 果 改 动 或 编辑 了 导入 到 Animate CC 2018 的 原始 文件 ( 即 


sa 
Ny ‘4 RE i 
| i 


目录 路 径 位 置 中 的 文件 )， 单 击 按 钮 更 新 Animate CC 2018 中 的 声音 ， 以 反映 所 做 的 改动 。 

YN “导入” 按钮: 导入 声音 文件 。 以 这 种 方法 导入 声音 会 将 对 当前 声音 的 所 有 引用 修改 为 导入 的 声 
音 引 用 。 

“测试 ”按钮 : 单 击 这 个 按钮 可 以 看 到 不 同 的 压缩 设置 如 何 影响 声音 。 

YN “停止 ”按钮 : 与 “测试 ”按钮 配合 使 用 ， 可 以 在 任意 点 暂停 预览。 

在 输出 影片 时 ， 对 声音 设置 不 同 的 采样 率 和 压缩 比 对 影片 中 声音 播放 的 质量 和 大 小 影响 很 大 ， 压 缩 

比 越 大 、 采 样 率 越 低 会 导致 影片 中 声音 所 占 空间 越 小 、 回 放 质 量 越 差 ， 因 此 这 两 方面 应 兼顾 。 
(3 ) 设置 完毕 后 ， 单 击 “ 确 定 ” 按 钮 ， 应 用 在 “声音 编辑 ”对 话 框 中 的 设置 。 


13.2 添加 视频 


Animate CC 2018 具有 强大 的 视频 支持 功能 , 利用 “导入 视频 ” 同 导 , 用 户 可 以 轻松 地 部 并 视 频 内 容 ， 
以 供 说 入 、 浙 进 下 载 和 流 视频 传输 。 可 以 导入 存储 在 本 地 计算 机 上 的 视频 ， 也 可 以 导入 已 部 署 到 Web 
服务 器 、FlashVideo Streaming Server 或 Flash Media Server 上 的 视频 。 此 外 ， 还 可 以 直接 在 Animate CC 
2018 钴 台中 播放 视频 ， 且 视频 支持 透明 度 ， 这 意味 着 用 户 可 以 更 容易 地 通过 图 片 资源 校准 视频 。 


13.2.1 导 人 视频 文件 


在 Animate CC 2018 中 导入 视频 后 ， 用 户 可 以 对 人 一 个 视频 片断 作为 动画 的 一 部 分 ， 此 时 所 选 视 频 
文件 将 成 为 动画 文档 的 元 件 。 在 Animate CC 2018 中 导入 视频 就 像 导 入 位 图 或 矢量 图 一 样 方便 。 在 动画 
中 可 以 设置 视频 窗口 大 小 、 像 素 值 等 。 

天 在 某 些 情况 下 ，Animate CC 2018 可 能 只 能 寻 入 视频 而 无 法 同时 导入 音频 。 因 此 ， 重 要 的 
<A 522 |! 音频 应 发 布 或 输出 成 流 式 音频 ， 其 参数 可 借助 “发 布设 置 ” 对 话 框 进行 设置 。 

(1 ) 执行 “文件 ”|“ 导 入 视频 ”命令 ， 弹 出 “导入 视频 ”向 导 ， 如 图 13-27 所 示 。 在 这 里 用 户 根 据 
具体 情况 ， 可 以 选择 在 本 地 计算 机 上 ,或 服务 器 上 定位 要 导入 的 视频 文件 。 


您 的 视频 文件 在 哪里 了 
在 您 的 计算 机 上 
使 用 播放 组 件 加 载 外 部 视频 
在 SWF 中 嵌入 FLV 并 在 时 间 铀 中 播放 
将 H.264 视频 岩 六 时 间 轴 “个 用 于 设计 时 间 ， 趟 能 导出 视频 ) 


一 一 1 J 二 已 右 了 二 一 一 一 = 2 1- 一 
到 Wb 服务 辟 、FlashVideo Streaming Service 到 Flash Media Serve 


图 13-27 “导入 视频 ”向 导 


(2) 年 击 “浏览 按钮 在 弹出 的 对 话 框 中 选择 需要 的 视频 文件 。 
若 要 将 视频 导 和 人 到 Animate CC 2018 中 ， 必 须 使 用 以 FLV 或 H.264 格式 编码 的 视频 。 如 果 导 入 的 视 
频 文件 不 是 FLV 或 F4V 格式 ， 系 统 会 弹出 如 图 13-28 所 示 的 提示 框 ， 提 示 用 户 启动 Adobe Media Encoder 
以 适当 的 格式 对 视频 进行 编码 ， 然 后 切换 回 Animate CC 2018 并 单 击 “浏览 ”按钮 ， 以 选择 经 过 编码 的 
视频 文件 进行 导入 。 单 击 “ 确 定 ” 按 钮 关闭 对 话 框 。 有 关 转 换 视 频 的 操作 将 在 13.2.2 节 中 介绍 。 


Adobe Animate | : Adobe Animate 


诗 A EF 中 漠视 皮 间 行 纲 码 之 后 ,请 如 换 回 
| AA 后 于 十 2 ene 选择 
新 编码 的 视 节 件 出 行 旧 下 


图 13-28 提示 周 话 框 


43 ) 如 条 视频 无 需 转 换 , 则 设置 部 著 视 频 文件 的 方式 , 如 图 13-29 所 示 。 选 中 一 种 需要 的 导入 方式 后 ， 
“ 导 和 人 视频 ”对 语 框 确 部 会 显示 该 方式 的 简要 说 明 或 均 告 信息 ， 以 供用 户 参 考 。 
9 使 用 播放 组 件 加 载 外 部 视频 : 导入 视频 并 创建 。 Eee 
FLVPlayback 组 件 的 实例 以 控制 视频 回放 。 ， 在 您 的 计算 机 上 
y 在 SWF 中 嵌入 FLV 并 在 时 间 轴 中 播放 : 将 FLV 发 入 国医 ww 有 生 
到 Animate CC 2018 文档 中 。 将 Ha64 视频 说 入 时 间 轴 ( 仅 用 于 设计 时 间 |， 趟 能 导出 视频 ) 
这 样 导 入 视 频 时 ， 该 视频 放置 于 时 间 轴 中 ， 可 以 看 到 时 国 主 且 让 本 
闻 轴 上 各 个 视频 帧 的 位 置 。 嵌 入 的 FLV 视频 文件 成 为 Animate ni 
CC 2018 文档 的 一 部 分 。 图 13-29 ”视频 部 署 的 方式 


将 视频 内 容 直 接头 入 到 SWF 文件 中 会 显著 增加 发 布 文件 的 大 小 ， 因 此 仪 和 全 于 小 的 视 
频 文件 。 此 外 ， 在 使 用 Animate CC 2018 文档 中 嵌入 的 较 长 视频 剪辑 时 ， 音 频 与 视频 会 变 得 | 
不 同步 。 
如 果 视 频 剪 辑 位 于 FlashVideo Streaming Server、Flash Media Server 或 Web 服务 器 上 ， 
AoE 


除 FLV 视频 ，Animate CC 2018 还 可 以 将 H.264 视频 姐 入 时 间 轴 中 。 骨 入 H.264 视频 后 ， 在 拖 动 时 
间 轴 时 ， 狂 台 上 将 呈现 该 视频 的 各 个 帧 ， 可 用 作 同 步 舞 台 上 动画 的 参考 视频 。 


嵌入 时 间 轴 的 了 .264 视频 仅 用 于 设计 阶段 ，Flash Player 和 其 他 运行 时 不 支持 呈现 嵌入 的 | 
H.264 视频 ， 因 此 不 会 发 布 它们 。 


(4 ) 如 果 选 择 “ 使 用 播放 组 件 加 载 外 部 视频 ”方式 , 单 击 “ 下 一 步 ” 按 钮 ,进入 如 图 13-30 所 示 的 “外 
观 ” 对 话 框 。 在 “外 观 ” 下 拉 列 表 中 可 以 选择 一 种 视频 的 外 观 ， 以 及 播放 条 的 颜色 。 

如 果 要 创建 自己 的 播放 控件 外 观 ， 在 “外 观 ” 下 拉 列 表 中 选择 “ 自 定义 外 观 URL”， 并 在 “URL” 
文本 框 中 输入 外 观 的 URL 地 址 。 单 击 后 面 的 颜色 图 标 ， 可 以 设置 播放 控制 栏 的 颜色 。 

如 果 和 希望 仅 导 入 视频 文件 ， 而 不 要 播放 控件 ， 可 以 在 “外 观 ” 下 拉 列 表 中 选择 “无 ”。 

(5 ) 单 击 “ 下 一 步 ”按钮 完成 视频 的 导 和 人 人。 在 对 话 框 中 单 击 “完成 ”按钮 ， 弹 出 “另存 为 ”对 话 框 。 
在 该 对 话 框 中 将 视频 剪辑 保存 到 与 原 视频 文件 相同 的 文件 夹 中 ， 然 后 单 击 “保存 ”按钮 ， 即 可 开始 对 视 
频 进 行 编码 。 


家 寓 捧 的 确定 了 措 吉 持 人 Hy 观 和 
位 置 。 区 使 / ional 视 
频 正 党 二 a 了 简单 的 方法 就 是 计 拌 提 
世上 党 


村 |W 所 有 播 这 控件 ， 只 导入 
频 ， 请 从 外 观 下拉 框 中 选择 元 


图 13-30 ”选择 视频 回放 组 件 的 和 外观 


编码 完成 后 ， 即 可 在 舞台 上 看 到 该 视频 文件 。 
(6 ) 保存 文档 后 ， 按 Ctrl + Enter 键 ， 即 可 播放 视频 剪辑 ， 如 图 13-31 所 示 。 
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图 13-31 导入 的 视频 剪辑 


13.2.2 ”转换 倪 频 


如 果 导 入 的 视频 不 是 以 FLV 或 H.264 格式 编码 的 视频 ， 则 需要 转换 视频 。 
(1) 在 “导入 视频 ”对 话 框 中 单 击 “浏览 ”按钮 ， 在 弹出 的 对 话 框 中 选择 需要 转换 的 视频 文件 。 然 
后 单 击 “ 转 换 视 频 ” 按 钮 ， 局 动 视频 转换 组 件 Adobe Media Encoder CC 2017， 如 图 13-32 所 示 。 
2 ) 单 击 “ 预 设 ” 下 方 的 下 拉 箭 头 ， 在 弹出 的 下 拉 玉 单 中 选择 Animate CC 2018 视频 编码 配置 文件 ， 
如 图 13-33 所 示 。 
Animate CC 2018 提供 106 种 视频 编码 配置 文件 ， -种 配置 文件 右 侧 都 有 较 详 细 的 配置 的 主要 相关 
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图 13-32 Adobe Media Encoder CC 2017 界 面 
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图 13-33 ”设置 视频 编码 配置 妈 件 


(3 ) 单 击 “ 输 出 文件 ”下 方 的 路 径 ， 可 以 选择 编码 后 的 视频 的 保存 位 置 。 单 击 “ 添 加 源 ” 按 钮 匡 二 5 吕 
以 打开 资源 管理 问 ， 打 开 其 他 需要 编码 的 视频 文件 。 单 击 “ 预 设 ”下 方 的 配置 文件 ， 切 换 到 如 图 13-34 
所 示 的 对 语 框 。 在 这 里 可 以 设置 影片 的 音 视 频 编 但 。 

(4 ) 单 击 对 话 框 右 侧 的 “视频 ”选项 卡 ， 可 以 在 如 图 13-34 所 示 的 对 话 框 中 设置 视频 编码 。 

Animate CC 2018 视频 并 不 是 每 一 帧 帮 保 留 完 整 的 数据 ， 而 保留 完整 数据 的 帧 叫 作 关 键 帧 。 通 种 ,在 
视频 剪辑 内 搜寻 时 ， 默 认 的 关键 帧 值 可 以 提供 合理 的 控制 级 别 。 如 果 需 要 选择 目 定 义 的 关键 帧 位 置 值 ， 


请 注意 关键 帆 间 隔 越 小 ， 文 件 体 积 束 越 大 。 
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图 13-34 视频 编码 界面 
5 ) 单 击 “ 音 频 ” 选 项 卡 ， 可 以 在 打开 的 对 话 框 中 
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图 13-35 ”音频 编码 界面 


择 缩放 级 别 ” 下 拉 列 表 中 ， 可 以 设置 对 话 杠 左上 方 视图 的 缩放 大 小 ， 
(7 ) 单 击 “ 确 定 ” 按 钮 ,切换 到 Adobe Media Encoder CC 2018 主 界面 
, 即 可 在 : 


(6 ) 在 对 话 框 左 侧 区 域 拖 动 播放 轴线 上 的 四 和 国清 块 ,可 以 设置 视频 剪辑 的 起 始点 和 结束 点 。 在 “ 选 
人 | 9 全。 pT P13 


如 图 13-36 所 示 oO 
coder CC 主 界面 ,然后 单 击 右上 角 的 “启动 队列 
按 馈 本 疆 , 即 可 在 对 话 框 右 下 角 的 “编码 ”区 域 开始 按 以 上 设置 对 视频 文件 进 


行 编码 。 编码 完毕 ， 对 话 框 “ 状 


态 ” 下 方 将 显示 一 个 绿色 的 勾 号 , 单 击 该 勾 号 , 弹出 一 个 文本 文件 AMEEncodingLog.txt, 如 图 13-37 所 示 ， 
显示 视频 编码 的 详细 信息 。 


图 13-36 设置 视频 起 正点 和 缩放 级 列 
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D37/287/2018 04:19:14 PK :队列 已 停止 


第 1 行 ,第 1 列 
图 13-37 显示 编码 日 志文 件 
(8 ) 单 击 Adobe Media Encoder CC 2018 标题 栏 右上 角 的 “关闭 ”按钮 ， 关 闭 Adobe Media Encoder， 


返回 到 “导入 视频 向 导 ” 对 话 框 。 
至 此 ， 视 频 文件 转换 完毕 ， 在 输出 路 径 中 可 以 看 到 已 转换 的 视频 文件 。 


13.3 ”实例 精 讲 一 一 制作 生日 货 卡 
多 ay 铺 团 本 节 练习 制作 一 张 生 日 贺卡 。 通 过 对 实例 操作 步 又 的 具 
s 轩 上 咒 体 讲解, 使 读者 进一步 掌握 声音 的 添加 方法 和 声音 的 相关 设置 。 gnu 
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。 首先 新 建 一 个 空白 的 Animate CC 2018 文档 ， 使 用 “和 珑 形 工具 ”和 “颜色 ”面板 
制作 两 个 背景 ， 粉 色 背 景 放 在 最 底层 ， 黑 色 背 景 放 在 上 一 层 ， 通 过 设置 黑色 背景 的 渐 
隐 动 画 ， 实 现 粉色 背景 的 渐 显 。 接 下 来 添加 蜡烛 和 蛋糕 影片 剪辑 ， 并 设置 文本 的 渐 显 ; 
> 动画 。 最 后 导入 声音 文件 ， 并 在 结束 帧 设置 声音 的 同步 方式 为 “结束 ”"， 最 终 效果 如 

~ ;图 13-38 所 示 。 黑 暗中 蜡烛 逐一 亮 起 时 ， 开 始 播放 生日 歌 ; 蜡烛 全 部 点 亮 时 ， 黑色 背景 
和 褪去， 显示 蛋糕 和 粉色 的 背景 ， 然 后 逐渐 显示 文字 ; 播放 到 声音 的 结束 帧 时 ， 声 音 停止 ， 


到 13-38 ”实例 的 最 终 效 果 


可 作 尼 可可 四 一 

(1 ) 执行 “文件 ” 1“ 新建” 命令， 新 建 一 个 Animate CC 2018 文 
档 ， 舞台 大 小 为 500 像素 x 300 像素 ， 帧 频 为 12fps。 将 当前 层 名 称 修 改 
为 bg， 然 后 选择 “和 矩形 工具 ”， 设 置 笔触 颜色 无 ， 填 充 色 任意 ， 在 舞台 上 
绘制 一 个 和 矩形。 选中 图 形 ， 在 “信息 ”面板 中 设置 矩形 大 小 与 舞台 大 小 
相同 ， 且 左上 角 对 齐 ， 如 图 13-39 所 示 。 

(2 ) 选中 算 形 的 填充 区 域 , 打开 “颜色 ”面板 , 设置 颜色 类 型 为 “ 线 
性 渐变 ”"， 填 充 色 为 白色 到 粉色 的 渐变 ， 如 图 13-40 所 示 。 然 后 选中 “ 渐 
变 变 形 工具 ”， 调 整 渐变 色 的 范围 和 方向 ,效果 如 图 13-41 所 示 。 然 后 在 : 
图 层 bg 的 第 160 帧 按 F5 键 插入 帧 ， 将 背景 扩展 到 第 160 帧 。 9 OE A 

(3 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 ， 新 建 图 层 bg_black。 按 照 第 (1 ) 步 的 方法 绘制 一 个 
大 小 与 舞台 尺寸 相同 ,上 且 左上 角 与 舞台 对 齐 的 黑色 和 矩形。 选中 图 形 ,执行 “修改 ” | “转换 为 元 件 ” 命 令 ， 
将 图 形 转换 为 图 形 元 件 ， 名 称 为 bg_black， 如 图 13-42 所 示 。 

(4 ) 按 住 Ctrl 键 选中 图 层 bg_ black 的 第 45 帧 和 第 60 帧 , 按 F6 键 插入 关键 帧 。 选 中 第 60 帧 的 实例 ， 
在 属性 面板 上 的 “色彩 效果 ”区 域 ， 设 置 Alpha 值 为 0， 如 图 13-43 所 示 。 然 后 右 击 第 45 帧 ~ 第 60 帧 之 
间 任 一 帧 ， 选 择 “ 创 建 传统 补 间 ”命令 。 

这 样 ， 黑 色 的 背景 将 逐渐 隐藏 ， 显 示 粉 色 的 背景 。 


深圳 有 开 | 色 板 


图 13-40 ”设置 填充 样式 图 13-41 调整 渐变 效果 


图 13-42 ”将 黑色 滤 形 转换 为 图 形 元 件 图 13-43 ”设置 实例 的 色彩 效果 


(5 ) 新 建 一 个 图 层 candle， 执 行 “ 文 件 ”1 “打开” 命令， 打开 一 个 包含 晴 烛 、 和 蛋糕 影片 羡 辑 的 
Animate CC 2018 文件 “生日 更 卡 0.fla”。 

(6) 切换 到 当前 Animate CC 2018 文档 ， 打 开 “ 库 ”面板 ， 在 左上 角 的 下 拉 列 表 中 选择 “生日 贺卡 
0.fla”, 如 图 13-44 所 示 。 然 后 在 库 项 目 列表 中 将 需要 的 晴 烛 影片 剪辑 拖 放 到 舞台 上 , 殖 果 如 图 13-45 所 示 。 


图 13-44 ”使 用 其 他 冯 档 中 的 库 项 目 图 13-45 ”实例 效果 


(7) 将 第 15 帧 转换 为 关键 帆 , 使 用 第 (6 ) 步 同样 的 方法 , 拖 入 第 2 文 是 烛 ; 将 第 30 帆 转 换 为 关键 帆 ， 
拖 入 第 3 文 师 烛 ; 将 第 45 帆 转 换 为 天 键 师 ， 拖 人 第 4 支 晤 焊 ， 效 采 如 图 13-46 所 示 。 


(8 ) 将 第 46 帧 转换 为 关键 帧 ， 从 “ 库 ” 面 板 中 拖 人 完全 点 亮 的 蜡烛 到 舞台 上 ， 调 整 实 例 位 置 ， 完 全 
遮挡 住 第 45 帧 的 实例 ， 效 果 如 图 13-47 所 示 。 然 后 在 第 160 帧 按 F5 键 插入 帧 。 


图 13-46 ”第 45 顶 前 实例 效果 图 13-47 添加 实例 


(9 ) 新 建 图 层 cake， 将 该 图 层 拖 放 到 图 层 bg black 下 方 。 然 后 将 第 46 帧 转换 为 关键 帧 ， 从 “ 库 ? 
面板 中 拖 入 一 个 重 糕 影片 更 租 到 狂人 台 上 ， 在 第 160 帆 按 Fs 键 插 入 帆 。 

( 10 ) 选中 第 46 帧 的 蛋糕 实例 ， 执 行 “修改 ”1 “变形 ”| “缩放 和 旋转 ”命令 ， 将 蛋糕 实例 缩放 
到 60%， 如 图 13-48 所 示 。 然 后 调整 实例 的 位 置 ， 隐 藏 图 层 bg_black 的 效果 如 图 13-49 所 示 。 


图 13-48 ”设置 缩放 比例 图 13-49 ”实例 效果 


(11 ) 选中 图 层 candle， 单 击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 ， 新 建 图 层 text。 选 中 第 60 帧 ， 按 
F6 键 插 人 关键 帧 ， 然 后 选择 “文本 工具 ”， 按 图 13-50 设置 字体 、 大 小 和 颜色 ， 在 舞台 上 输入 文本 ， 效 果 
如 图 13-51 所 示 。 


四 


图 13-50 设置 区 本 属性 图 13-51 文本 效果 


(12 ) 选中 文本 ， 执 行 “修改 ”1 “转换 为 元 件 ” 命 令 ， 在 弹出 的 “转换 为 元 件 ” 对 话 框 中 输入 元 件 
名 称 text， 类 型 为 “图 形 ”， 如 图 13-52 所 示 。 

(13 ) 选中 第 80 帆 ， 按 F6 键 插 人 关键 帧 。 选 中 第 60 帧 的 实例 ， 在 属性 面板 上 设置 色彩 样式 为 
“Alpha”， 值 为 0， 如 图 13-53 所 示 。 然 后 在 两 个 关键 帧 之 间 创 建 传统 补 间 关 系 。 
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图 13-52 ”将 亦 本 转换 轿 图 形 元 伯 图 13-53 ”设置 实例 的 色彩 效果 


( 14 ) 单 击 图 层面 板 左 下 角 的 “新 建 图 屋 ” 按 钮 , 新 建 图 层 sound。 选 中 第 1 帆 , 执行 “文件 ”1 “ 导 
入 ”| “导入 到 舞台” 命令 ， 在 弹出 的 对 话 框 中 选择 党 要 的 声音 文件 ， 即 可 将 声音 文件 添加 到 当前 帆 。 
此 时 的 时 间 轴 面板 如 图 13-54 所 示 。 


上 [1 


图 13-54 ”时 间 轴 面板 


(15 ) 选中 第 160 帧 , 按 F6 键 转换 为 天 键 帧 ,然后 打开 属性 面板 ,在 “声音 ”下 拉 列 表 中 选择 导入 的 声 
音 ， 并 在 “同步 ”下 拉 列 表 中 选择 “停止 ”选项 ， 如 图 13-55 所 示 。 


图 13-55 “属性 ”面板 中 的 设置 


(16 ) 按 Ctrl+Enter 键 测试 动画 ， 效 果 如 图 13-38 所 示 。 


13.4 答疑 解 惑 


1. 在 影片 中 使 用 声音 有 哪些 贡 用 技巧 ? 

答 : 在 影片 中 使 用 声音 时 ， 除 了 应 设置 合适 的 采样 频率 和 压缩 比 ， 还 有 以 下 几 个 方面 的 技巧 可 以 使 
用 户 更 有 歼 地 使 用 音效 并 使 文件 的 矿 才 保持 较 小 。 

(1 ) 更 精确 地 设置 声音 的 开始 时 间 点 和 结束 时 间 点 。 

(2 ) 尽量 重复 使 用 相同 的 声音 文件 ， 不 同 的 声音 效果 。 

(3 ) 使 用 循环 的 方法 提取 声音 的 主要 部 分 并 重复 播放 。 


2. 怎么 才能 使 音乐 和 动画 同步 ? 

答 : 在 属性 面板 上 将 音乐 的 “同步 ”属性 设置 为 “数据 流 ”。 

3. 声音 “同步 ”属性 中 的 “开始 ”和 “停止 ”分 别 代表 什么 意思 ? 

答 :“ 升 始 ” 选 项 与 “事件 ”选项 唯一 不 同 的 地 方 在 于 达到 一 个 声音 的 起 始 帧 时 ， 夺 有 其 他 声音 播放 
则 该 声音 不 播放 ; 而 “停止 ” 则 指定 声音 不 播放 。 

4. 制作 音乐 按钮 需要 注意 什么 ? 

答 : 要 注意 将 声音 的 “同步 ”属性 设置 为 “事件 。 

5. 声音 导入 到 动画 中 以 后 还 可 以 压缩 吗 ? 

答 : 可 以 。 在 库 面 板 中 双击 声音 文件 ， 打开 “声音 属性 ”面板 ， 在 “压缩 ”下 拉 列 表 中 选择 需要 的 
压缩 方式 。 


13.5 ”学 习 效 果 自 测 


一 、 选 择 题 
1. 下 面 ( ) 功能 在 流 式 声音 中 不 能 实现 。 
A. 与 动画 可 视 文 件 同 步 进行 B. 边 下 载 边 播放 
C. 事件 触发 时 播放 D.A、B、C 都 不 能 实现 


2. 在 对 导 和 的 声音 文件 进行 编辑 时 ,“ 编 辑 封套 ”对 话 框 的 (4 ”) 按钮 处 于 按 下 状态 时 ， 时 间 单 位 被 
设置 为 帧 。 
A B. 图 区 
3. 以 下 对 “编辑 封套 ”对 话 框 的 描述 正确 的 是 ( )。 
A.“ 编 辑 封 套 ” 对 话 框 中 分 为 上 下 两 个 波形 编辑 区 ， 上 方 代表 右 声 道 波形 编辑 区 
B“ 编 辑 封套 ”对 话 框 中 分 为 上 下 两 个 波形 编辑 区 ， 上 方 代表 左 声 关 波形 编辑 区 
C. 波形 编辑 区 中 各 有 一 条 左 侧 市 有 方形 控制 柄 的 直线 ， 用 来 调 丰 音调 
D. 以 上 都 不 正确 


D. 加 


二 、 填 空 题 

1. 在 Animate CC 2018 中 有 两 种 类 型 的 声音 ， 即 声音 和 声音 。 

2. 在 Animate CC 2018 中 ， 声 音 都 被 保存 在 中 。 

3. 要 在 动画 中 应 用 声音 ， 应 该 首先 ， 然 后 

4. 输出 影片 时 选 定 的 与 对 声音 的 质量 和 尺寸 有 着 显 著 的 影响 。 通 常情 况 
下 , 压缩 率 _、 采样 频率 ” ,文件 的 尺寸 就 ,但 声音 的 质量 也 就 越 差 。 

5. 在 Animate CC 2018 文档 中 导入 视频 文件 时 ,选中 _ 选项 能 够 将 视频 文件 设置 为 脱 和 人 
文件 租 入 到 动画 中 。 

三 、 操 作 题 

1. 使 用 家 人 的 数码 照片 ， 制 作 一 个 音乐 相册 。 


2. 守信 一 段 视频 文件 ， 并 通过 设置 视频 的 外 观 来 实现 对 播放 的 控制 。 


交互 性 是 动画 和 观众 之 间 的 纽带 。 交互 动画 是 指 在 作品 播放 过 程 
中 支持 事件 响应 和 交互 功能 的 一 种 动画 ， 也 就 是 说 ， 动 画 播放 时 能 够 
受到 某 种 控制 ， 而 不 是 像 普 通 动画 一 样 从 头 到 尾 进行 播放 。 这 种 控制 
可 以 是 动画 播放 者 的 操作 ， 如 触发 某 个 事件 ， 也 可 以 在 动画 制作 时 预 : 
先 设置 的 事件 。 : 
本 章 重点 向 读者 介绍 交互 动画 的 制作 基础 ， 内 容 包 斤 交 互动 画 的 
要 素 ,“ 动 作 ” 面 板 和 “代码 片断 ”面板 的 使 用 方法 ， 给 帧 、 按 钮 以 
we 以 及 创建 简单 的 交互 操作 ， 比 如 跳 到 某 一 帧 或 
， 播放 和 停止 影片 ， RE 


交互 动画 的 三 要 素 
使 用 “动作 ”面板 和 “代码 片断 ”面板 添加 动作 
创建 交互 操作 


14.1 交互 动画 的 三 要 系 


Animate CC 2018 中 的 交互 作用 由 三 种 要 系 组 成 : 触发 动作 的 事件 、 事 件 所 触发 的 动作 以 及 目标 或 对 
象 ， 也 就 是 执行 动作 或 事件 所 影响 的 主体 。 用 Animate CC 2018 创建 交互 ， 需 要 使 用 ActionScript 语言 。 
该 语言 包含 一 组 简单 的 指令 ， 用 以 定义 事件 、 目 标 和 动作 ， 具 体 的 语法 说 明 请 参见 附录 I。 


| 
| 
14.1.1 事件 


在 Animate CC 2018 动画 中 添加 交互 时 ， 有 三 种 方式 触发 事件 : 一 种 是 鼠标 事件 ， 它 是 基于 动作 的 ， 
即 通过 鼠标 动作 开始 一 个 事件 ; 一 种 是 键盘 事件 ， 也 是 基于 动作 的 ， 通 过 键盘 按键 动作 开始 一 个 事件 ; 还 
有 一 种 是 帧 事件 ， 它 是 基于 时 间 的 ， 即 到 达 一 定 的 时 间 时 自动 激发 事件 。 

1. 鼠标 事件 ( MouseEvent ) 

当 用 户 操作 影片 中 的 一 个 按钮 ， 发 生 鼠 标 事件 。 在 ActionScript 3.0 中 ， 统 一 使 用 MouseEvent 类 来 
管理 鼠标 事件 。 在 使 用 过 程 中 ， 无 论 是 按钮 还 是 影片 事件 ， 统 一 使 用 addEventListener 注册 鼠标 事件 。 此 
外 ， 要 在 类 中 定义 鼠标 事件 ， 需 要 先 引 和 人 (import ) flash.events.MouseEvent 类 。 

MouseEvent 类 定义 了 如 下 10 种 常见 的 鼠标 事件 : 

所 CLICK: 定义 鼠 标 单 击 事件 。 

N DOUBLE CLICK: 定义 自 标 双击 事件 。 

NN MOUSE DOWN: 定义 鼠标 按 下 事件 。 

N MOUSE MOVE: 定义 鼠标 移动 事件 。 

N MOUSE OUT: 定义 自 标 移出 事件 。 

N MOUSE_OVER: 定义 和 鼠标 移 过 事件 。 

N MOUSE UP: 定义 鼠标 按键 璋 起 事件 。 

N MOUSE WHEEL: 定义 鼠标 滚 轴 滚动 触发 事件 。 

N ROLL OUT: 定义 和 鼠标 滑 出 事件 。 

N ROLL OVER: 定义 和 鼠标 滑 入 事件 。 
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键盘 事件 (KeyBoardEvent) 

键盘 操作 也 是 Animate CC 2018 用 户 交 互 操作 的 重要 事件 。 当 按 下 键盘 上 的 字母 、 数字 、 标 上 后 、 符 号 、 
向 头 、 退 格 键 、 插 和 人 键 、Home 键 、End 键 、PageUp 键 、PageDown 键 时 ， 键 盘 事 件 发 生 。 键 盘 事 件 区 分 
大 小 写 ， 也 就 是 说 ，A 不 等 同 于 a。 因 此 ， 如 果 按 A 来 触发 一 个 动作 ， 那 么 按 a 则 不 能 。 键 盘 事件 通常 
与 按钮 实例 关联 或 影片 驴 辑 实例 相 联 ， 例 如 移动 键盘 上 的 方向 键 控制 游戏 中 人 物 的 移动 。 虽 然 键 盘 事 件 
不 要 求 按钮 或 影片 剪辑 可 见 或 存在 于 舞台 上 ， 但 是 它 必 须 存 在 于 一 个 场 时 中 才能 使 键盘 事件 起 作用 。 它 
甚至 可 以 位 于 帧 的 工作 区 以 使 它 在 导出 的 影片 中 不 可 见 。 

在 ActionScript 3.0 中 使 用 KeyboardEvent 类 处 理 键盘 操作 事件 。 它 有 如 下 两 种 类 型 的 键盘 事件 ; 

NN KeyboardEventKEY DOWN: 定义 按 下 键盘 时 事件 。 

NN KeyboardEventKEY UP: 定义 松 开 键盘 时 事件 。 


: 在 使 用 键盘 事件 时 ， 要 先 获得 它 的 焦点 ， 如 果 不 想 指定 焦点 ， 可 以 直接 把 stage 作为 从 
注意 听 的 目标 。 ! 


3. 帧 事件 ( ENTER_FRAME ) 
与 鼠标 和 键盘 事件 类 似 ， 时 间 线 触发 帧 事件 。 因 为 帧 事件 与 帧 相连 ， 并 总 是 触发 某 个 动作 ， 所 以 也 


称 帧 动作 。 

帧 事件 是 ActionScript 3.0 中 动画 编程 的 核心 事件 。 该 事件 能 够 控制 代码 跟随 Animate CC 2018 的 由 
频 播 放 ， 在 每 次 刷新 屏幕 时 改变 显示 对 象 。 帧 事件 总 是 设置 在 关键 帧 ， 可 用 于 在 革 个 时 间 点 触发 一 个 特 
定 动作 。 例 如 ，stop 动作 停止 影片 放映 ， 而 goto 动作 则 使 影片 跳 转 到 时 间 线 上 的 男 一 帧 或 场景 。 

使 用 帧 事件 时 ， 需 要 把 事件 代码 写 人 事件 侦 听 图 数 中 ， 然 后 在 每 次 刷新 屏幕 时 ， 都 会 调用 Event. 
ENTER_FRAME 事件 ， 从 而 实现 动画 效果 。 


14.1.2 动作 


动作 是 使 用 ActionScript 编写 的 命令 集 ， 用 于 引导 影片 或 外 部 应 用 程序 执行 任务 。 一 个 事件 可 以 触发 
多 个 动作 , 且 多 个 动作 可 以 在 不 同 的 目标 上 同时 执行 。 动 作 可 以 相互 独立 地 运行 ， 如 指示 影片 停止 播放 ; 
也 可 以 在 一 个 动作 内 使 用 态 一 个 动作 ， 如 先 按 下 忌 标 ， 再 执行 拖 动 动作 ， 从 而 将 动作 通 套 起 来 ， 使 动作 
之 间 可 以 相互 影响 。 

右 要 在 Animate CC 2018 中 使 用 动作 ， 并 不 需要 成 为 编程 人 员 。Animate CC 2018 提供 一 个 简单 、 下 
观 的 动作 脚本 编写 界面 ， 叫 作 “ 动 作 ” 面 板 ， 如 图 14-1 所 示 。 


| 
”i 


/4 键盘 按 下 、 释放 事件 侦 听 恬 
staee. addEwventListener (KeyboardEvent,. KEY_ DOW, keyDowmnFunction) : 
stage. aldEwventListener (KeyboardEwvent. KEY UP, keyUpFunction) : 

fA 进入 帆 事 人 忻 侦 听 器 ， 检 测 1aser 击 中 enany 的 研 撞 检测 。 
addEventListener (Evernt,. ENTER FRANME, checkForHits) : 


AAA 生成 enemys 
rewEnemy () : 


十 | CC CC 当 


出 


性 


function newEnemy () { 


A# 随机 的 速度 和 高 度 


Var enemy_vy:Iumber=Nath. random() *200+100: 
Var enemySpeed: Mmber=Math, random (} *3+1- 


r” 生成 enemy 
中 = a 站 本 本 an 中 


TY men -Li YY 


图 14-1 “动作 ”面板 


通过 这 个 面板 可 以 访问 整个 ActionScript 命令 库 ， 可 以 快速 生成 或 编写 代 但 。 当 然 ， 如 果 要 编写 动作 
用 于 高 级 开发 ， 必 须 熟悉 编程 语言 。 
在 Animate CC 2018 中 ， 还 可 以 创建 一 个 外 部 ActionScript 文件 ( *.as ) 编辑 脚本 。 


14.1.3 日 标 


了 解 如 何 用 事件 来 触发 动作 ， 接 下 来 需要 了 解 如 何 指定 将 受 事 件 影响 的 对 象 或 目标 。 事 件 控制 3 个 
主要 目标 : 当前 影片 及 其 时 间 轴 ( 相对 目标 )、 其 他 影片 及 其 时 间 轴 (传达 目标 ) 和 外 部 应 用 程序 ( 外 部 
目标 )。 

1. 当前 影片 

当前 影片 是 一 个 相对 目标 ， 也 就 是 说 它 包含 触发 某 个 动作 的 按钮 或 帧 。 例 如 ， 将 某 个 事件 分 配给 一 
个 影片 剪辑 ， 而 该 事件 影响 包含 此 影片 剪辑 的 影片 或 时 间 线 ， 那 么 目标 便 是 当前 影片 。 

例如 ， 在 以 下 脚本 中 ， 当 前 影片 剪辑 clip_1 的 Click 事件 将 使 影片 跳 转 到 名 为 “myfav” 的 场景 并 开 
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// 注册 侦 听 器 
clip 1.addEventListener (MouseEvent .CLICK; ClickToGoToScene); 
// 定义 侦 听 天 
function ClickToGoToScene (eVvent :MouUsSeEVent) :void 
{ 
MovieClip{(this.root)}) .gotoAndPlayl(l, myTftav ); 
} 
2. 其 他 影片 


如 琳 将 芭 个 事件 分 配给 傈 个 按钮 或 影片 一 苍 ， 而 事件 影 啊 的 影片 并 不 包含 该 按钮 或 影片 天 辑 本 里 ， 
那么 目标 便 是 一 个 传达 目标 。 也 就 是 说， 传达 目标 是 由 为 一 个 影片 中 的 事件 控制 的 影片 。 

例如 ， 以 下 ActionScript 用 于 控制 一 个 传达 目标 ， 当 前 按钮 button_1 的 Click 事件 使 得 为 一 影片 ( 即 
影片 允 辑 实例 MyMovieClip ) 的 时 间 线 俘 止 放映 动作 。 


// 广 册 侦 听 天 
button 1.addEventListener (MouseEvent -CLICK ClickToGoToAndstopAtFrame)}.; 
// 定义 侦 听 着 
function CLICKICOGOITOAnQStLOPRALETame (event :MouseEvent) :void 
| 

MovieClip(this.parent) .MyMovieClip.gotoAndstop (1 工 ) ， 

} 


3. 外 部 应 用 程序 


外 部 目标 位 于 影片 区 域 之 外 ， 例 如 ， 对 于 navigateToURL 动作 ， 需 要 一 个 Web 浏览 页 才能 打开 指定 
的 URL。 引 用 外 部 源 需 要 外 部 应 用 程序 的 帮助 。 这 些 动 作 的 目标 可 以 是 Web 浏览 项 、Flash 程序 、Web 


服务 占 或 其 他 应 用 程序 。 
例如 ， 以 下 ActionScript 打开 用 户 的 默认 浏览 更 目标 ， 并 在 实例 btn_1 的 Click 事件 触发 时 加 载 指 定 
btn 1.addEventListener (MouseEvent .CLICK, ClickToGoToWebPagel}: 
// 定义 侦 听 器 
function ClickToGoToWebPage (event :MouUSseEVvent) :void 
{ 
navigateToURL (new URLRequest ("http://www.crazyraven.com "), ™ blank™); 
} 


14.2 添加 动作 


在 Animate CC 2018 中 ， 用 户 可 以 通过 “动作 ” 
令 即 可 打开 “动作 ”面板 ， 如 图 14-2 所 示 。 
ActionScript 3.0 只 能 在 帧 或 外 部 文件 中 编写 脚本 。 添 加 脚本 时 ， 应 尽 可 能 将 a : 


。R 易 。 放 在 一 个 位 置 ,以 更 高 效 地 调试 代码 、 编 辑 项 目 。 如 果 将 代码 放 在 FLA 文件 中 ， 添加 脚本 时 ， 
注意 Animate CC 2018 自动 添加 一 个 名 为 “Actions” 的 图 层 。 


用 “动作 ” 从 
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图 14-2 “动作 ”面板 


14.2.1 使 用 “动作 ”面板 


在 Animate CC 2018 中 ， 用 户 可 以 直接 在 “动作 ”面板 右 侧 的 脚本 窗 格 中 编辑 动作 脚本 ， 这 与 用 户 
在 文本 编辑 器 中 创建 脚本 十 分 相似 。 

(1) 选中 时 间 轴 上 要 添加 动作 脚本 的 关键 帧 或 空白 关键 帧 。 

(2 ) 右 击 快捷 沫 单 中 的 “动作 ”命令 ， 打 开 如 图 14-2 所 示 的 “动作 ”面板 。 

(3 ) 在 脚本 窗 格 中 输入 动作 脚本 ， 如 图 14-3 所 示 。 


function f] GenerateREandomNumber (limit: Number) :Number 


war randommber: hmber = Nath. floor (Math., random()})* (1imit++1}): 
return randomhmber: 


} 
LE 


图 14-3 ”添加 动作 脚本 


如 果 要 为 舞台 上 的 实例 指定 动作 ， 还 应 选中 实例 ， 在 属性 面板 上 指定 实例 的 名 称 。 

此 时 ， 时 间 轴 中 添加 了 动作 的 关键 帧 上 会 显示 字母 ， ‘a” ， 如 图 14-4 所 示 。 

通过 “动作 ”面板 还 可 以 查找 和 替换 文本 ， 查 看 脚本 的 行 号 、 检 查 语法 错误 、 目 动 设 定 代码 格式 并 
用 代码 提示 完成 语法 。 


辐 Actions 
咖 图 屋 -1 .4 。 * 


和 中 [1 


图 14-4 ”为 杭 添 加 动作 


14.2.2 ”使 用 “代码 片断 ”面板 


依 助 “代码 片断 ”面板 ， 非 编程 人 员 也 能 轻松 地 将 ActionScript 3.0 代码 
添加 到 FLA 文件 以 启用 常用 功能 。 可 以 说 “代码 片断 ”面板 是 ActionScript 3.0 


ba Actionscript 


人 | J 的 : -种 好 途径 。 "HTMLS Canvas 
(1 ) 选择 舞台 上 的 对 象 或 时 间 轴 中 的 帧 。 a 
如 果 选 择 的 对 象 不 是 元 件 实例 ， 则 应 用 代码 片断 时 ，Animate CC 2018 会 > 加 事件 外 更 本 妆 
将 该 对 象 转换 为 影片 剪辑 元 件 。 
如 果 选 择 的 对 象 还 没有 实例 名 称 ，Animate CC 2018 在 应 用 代码 片断 时 上 四 createls API 的 


会 目 动 为 对 象 添 加 一 个 实例 名 称 。 pe 
(2 ) 执行 “窗口 ”1 “代码 片断 ”命令 ， 或 单 击 “动作 ”面板 右上 角 的 ”|> 外 webet 
“代码 片断 ”按钮 图 ， 打 开 “ 代 码 片 断 ” 面 板 ， 如 图 14-5 所 示 。 
(3 ) 双击 要 应 用 的 代码 片断 ， 即 可 将 相应 的 代码 添加 到 “动作 ”面板 的 。 图 14-5 “代码 片断 ”面板 
脚本 窗 格 之 中 ， 如 图 14-6 所 示 。 


下 明 ; 
单 击 元 件 实 便 时 ， 
kActionscript 2 Easel]s 中 的 朵 凡 
EHTMLS5 Canvas 
定时 间 轴 导航 this,. my_Clip. addEwventListenert click’, fl1 ClickTosoToindSstophtFrame. bind (this}): 
function fl ClickTosoToimndstophtFrame (} 


this. entohndstop (65) : 


kr 加 事 忻 外 理 函 熬 
kk 站 动画 


有 [加 载 和 和 即 亏 
站 第 地 行 〈《 共 芭 行 3， 第 荆 列 


图 14-6 ”利用 “代码 片断 ”面板 添 秋 代码 


每 个 代码 片断 都 有 描述 片断 功能 的 工具 提示 ， 通 过 学 习 代码 片断 中 的 代码 并 遵循 片断 说 明 ， 读 者 可 
以 轻松 了 解 代码 结构 和 词汇 。 

在 应 用 代码 片断 时 ， 代 码 将 添加 到 时 间 轴 中 的 Actions 层 的 当前 帧 。 如 果 尚 未 创建 Actions 层 ， 
Animate CC 2018 将 在 时 间 轴 的 顶层 创建 一 个 名 为 Actions 的 图 层 。 

(4) 在 “动作 ”面板 中 ， 查 看 新 添加 的 代码 并 根据 片断 开头 的 说 明 替 换 任何 必要 的 项 。 


知识 拓 民 。 -------------------------------------------------------------------------------------------- 
添加 自 定义 代码 片断 
Animate CC 2018 代码 片断 库 可 以 让 用 户 方 便 地 通过 导入 和 导出 功能 管理 代码 。 还 可 以 将 常用 的 代码 片 


断 导 入 “代码 请 断 面板， 方便 以 后 使 用 。 
(11) 单 击 代码 片断 ”面板 右上 角 的 “选项 ”按钮 七 图, 从 弹出 的 下 拉 莱 单 中 选择 “创建 新 代码 片断 ”命令 。 
(2 ) 在 如 图 14-7 所 示 的 “创建 新 代码 片断 ”对 话 框 中 ， 为 新 的 代码 片断 输入 标题 、 工 具 提 示 文 本 和 相应 
的 ActionScript 3.0 代码 。 


| 创建 新 代码 片断 


| 


作 面 板 中 所 选 的 全 码 ? 


应 用 代码 片断 时 自动 着 换 instance_name_here。 


图 14-7 “创建 新 代码 片断 ”对 话 框 


( 3 ) 如 果 要 添加 当前 在 “动作 ”面板 中 选择 的 代码 ， 单 击 “ 目 动 填 欧 ”按钮 。 

( 4) 如 果 代 码 片 断 中 包含 字符 串 “instance_name_here”， 并 且 和 希望 在 应 用 代码 片断 时 Animate CC 
2018 将 其 蔡 换 为 正确 的 实例 名 称 ， 则 需要 选中 “应 用 代码 片断 时 目 动 替换 instance_name_here ” 复 选 框 。 

(5) 单 击 “ 确 定 按钮 ，Animate CC 2018 将 新 的 代码 片断 添加 到 “代码 片断 ”面板 中 名 为 Custom 的 
文件 夹 中 。 


14.2.3 ”上 机 练 > 


a 
Sy 万 园 节 练习 将 通过 动作 脚本 制作 星空 动画 。 通 过 对 实例 操作 方法 的 ， 


人 二 月 园 具体 讲解 ， 使 读者 对 添加 动作 和 编写 类 文件 的 方法 有 更 加 深入 
的 了 解 。 ”14-1 工 机 练习 -模拟 


首先 新 建 一 个 空白 的 Animate CC 2018 文档 ， 5 着 术 基态 本 基 、 基 后 使 用 下 国 工 内， 

和 “颜色 ”面板 制作 一 个 星星 的 影片 剪辑 。 接 下 来 通过 编辑 影片 剪辑 的 类 文件 ， 为 实 : 

A 国 届 例 指定 初始 位 置 和 运动 方式 ， 包括 大 小 和 运动 速度 。 最 后 编写 动作 脚本 ， 指定 舞台 上 
全 实例 的 数量 、 大 小 和 透明 度 ， 最 终 效果 如 图 14-8 所 示 。 屏 幕 上 有 一 群 速度 不 同 、 大 小 

各 异 的 星星 在 飞 奋 。 


图 14-8 模拟 星空 效果 


操 轿 步 国 

(1 ) 执行 “文件 ”1 “新 建 ” 人 命令， 新建 一 个 ActionScript 3.0 文档 ， 背 景 设置 为 黑色 。 

(2 ) 按 Ctrl + F8 键 创 建 一 个 名 为 star 的 影片 剪辑 。 在 元 件 编辑 模式 下 ， 选 择 绘图 工具 箱 中 的 “椭圆 
工具 ”图 ， 然 后 在 属性 面板 中 设置 无 笔触 颜色 ， 内 部 填充 色 任 意 。 按 下 Shift 键 的 同时 拖 动 鼠标 ， 在 舞 
台 上 绘制 一 个 只 有 内 部 填充 没有 边框 的 圆 。 

(3 ) 使 用 工具 箱 中 的 “选择 工具 ”图 选中 舞台 上 的 圆 ， 执 行 “ 窗 口 ” | “颜色 ”命令 ， 打开 “颜色 ” 
面板 ， 在 “颜色 类 型 ”下 拉 列 表 中 选择 “ 径 辐 渐变 ”。 

(4 ) 单 击 渐变 栏 左边 的 颜色 游标 ， 然 后 在 RR，G，B 和 Alpha 文本 框 中 输入 2355，255，255，10096。 
单 击 渐变 栏 右边 的 颜色 游标 ， 然 后 在 RR，G，B 和 Alpha 文本 框 中 输入 0,，0，0，100%， 填 充 效 果 如 
14-9 所 示 。 

(5 ) 单 击 编辑 栏 左 上 角 的 “返回 场景 ”按钮 图， 返回 主 时 间 轴 。 然 后 打开 “ 库 ” 面 板 ， 右 击 影 片 剪 
辑 star， 在 弹出 的 快捷 菜单 中 选择 “属性 ”命令 ， 弹 出 “元 件 属性 ”对 话 框 。 

(6 ) 展开 “高 级 ”选项 ,在 ee 链接 ”区 域 选 中 “为 ActionScript 叶 出 ” 复 选 框 ,下 方 的 “类 ” 

和 “ 基 类 ”将 自动 填充 ， 如 图 14-10 所 示 。 单 击 “ 确 定 ” 按 钮 关闭 对 话 框 。 


| 元 件 届 性 | x | 


star 


类 型 (1 后 贡 得 避 | 李 


9 切片 纠 训 比例 辅助 线 [5) 
Actionscript 性 控 
有 为 Actionscript 导出 (XW 
Y 福 第 1 帖 中 导出 


he 
ei ' 
= 上 多 由 


基 尖 ({B7 [EE 


运行 时 共享 库 
为 运行 时 共享 写 出 (0) 


创作 时 共享 
源 交 件 (R)… 六 件 : 


元 件 名 称 : 


图 14-9 填充 效果 图 14-10 “元件 属 性 ”对 话 框 


(7) 右 击 “ 库 ” 面 板 中 的 元 件 star， 在 弹出 的 快捷 菜单 中 选择 “编辑 类 ”命令 ， 打 开 staras 文件 ， 添 
加 下 面 的 代码 : 


package 1 
// 包 路 径 
import flash.display.MovieClip; 
import flash.events.*; 
// 定义 star 类 
Public class star extends MovieClip { 


// 获取 舞台 宽度 


private const W:Number=o50; 
// 生成 一 个 0 到 100 的 随机 整数 
private Var step:int=int (Math.random(}*100}; 
// 定义 构造 消 数 
public function star(} { 
影片 剪辑 的 x 初始 坐标 值 为 舞台 宽度 ， 也 就 是 工作 区 域 的 最 右 方 

// 本 例 中 的 星星 从 右 向 左 移动 

this.x=W; 

// 回 左 移 ， 造 成 星星 移动 的 效 末 
addEventListener (Event -ENTER FRAME, starEnterFrame); 
} 


//Enter Frame 事件 
Public function starEnterFrame (event:Event} :Vol 
{ 
// 检测 影片 甬 辑 是 否 移出 屏幕 最 左 侧 
if (this.x < 0)} 
{ 
// 如 果 影 片 剪 辑 移 到 屏幕 左边 缘 之 外 ， 则 让 它 重 新 回 到 第 1 帧 ， 即 屏幕 最 右边 
this.x=W;? 
} 
宇 | 生计 
{ 
// 否则 ， 继 续 回 左 移动 
// 可 以 通过 修改 step 除 的 数 来 改变 星星 移动 的 快慢 
this .x=this.x—step/o; 
| 


= 


(8) 执行 “文件 ”1 “保存 ”命令 ,将 staras 文件 保存 在 FLA 文件 的 同一 目录 下 。 
(9 ) 返回 主 时 间 轴 ， 将 主 时 间 轴 的 第 一 个 图 层 重 命名 为 Actions， 然 后 打开 “动作 ”面板 ， 添 加 下 面 
的 代码 : 


// 定义 星星 的 数量 

Var starnum:int=99; 

while (starnum>0) 

{ 

// 使 用 Math .random() 方法 生成 一 个 0.0 ~ 1.0 的 随机 数 
var ran:Number = Number (Math.random(})}+0 .2; 

// 创建 显示 对 象 

var cSstar:star=new star(); 


// 定义 影片 前 辑 的 y 初始 坐标 为 0 ~ 400 的 一 个 随机 数 


// 在 工作 区 域 上 就 是 从 最 上 方 开 始 到 纵 坐 标 为 400 的 区 域 
cstar.y=Math.random ()*400 7 


// 设置 影片 勇 辑 的 宽度 
cSstar.scalex=ran; 
// 设置 影片 剪辑 的 高 度 
cSstar.scaleY=ran; 


// 设置 影片 剪辑 的 透明 度 
cstar.alpha=Math.random()*50+30; 
// 显示 对 象 

addChild{({cstar}); 

// 计数 着 递减 

starnum——; 


} 


(10) 保存 文件 ， 按 Ctrl + Enter 键 测试 ， 效 采 如 图 14-8 所 示 。 

这 个 例子 只 使 用 两 个 比较 重要 的 函数 : Math random0 和 addChild0 ,效果 很 逼真 。 如 果 不 用 动作 脚本 ， 
可 能 需要 男 很 多 星星 ， 然 后 为 每 一 个 星星 指定 运动 轨迹 ， 比 较 一 下 工作 量 ， 承 可 以 了 解 使 用 动作 脚本 和 是 
多 人 么 简洁 有 效 。 


14.3 ”创建 交互 操作 


使 用 动作 脚本 可 以 通知 Animate CC 2018 在 发 生 某 个 事件 时 应 该 执行 什么 动作 。 当 播放 头 到 达 某 一 帧 ， 
或 当 影 片 前 辑 加 载 或 印 载 ， 或 用 户 单 击 按钮 或 按 下 键盘 键 时 ， 就 会 发 生 一 些 能 够 触发 脚本 的 事件 。 肢 本 
可 以 由 单一 动作 组 成 ， 如 指示 影片 停止 播放 的 操作 ; 也 可 以 由 一 系列 动作 组 成 ， 如 先 计算 条 件 ， 再 执行 
动作 。 
14.3.1 播放 和 停止 影片 


除非 厂 有 命令 指示 ， 否 则 影片 一 旦 开始 播放 ， 它 将 从 头 播放 到 尾 。 使 用 play 和 stop 动作 可 以 控制 影 
片 或 影 厂 勇 辑 播放 和 停止。 
(1 ) 选择 要 指 定 动作 的 帧 、 按 钮 实例 或 影片 坊 辑 实例 。 


(2) 执行 “窗口 ”| “动作 ”命令 ， 打开“ 动作 ”面板 ,在 “动作 ”面板 的 脚本 窗 格 中 根据 需要 输 
和 人 如 下 脚本 : 


stop() ; // 帧 动作 
MyClip.play (}); // 在 舞台 上 播放 指定 的 影片 剪辑 MyClip 
MovieClip (this.root) .stop{(); // 停止 当前 实例 的 父 级 影 厂 驴 辑 


提示 : | 动作 后 面 的 空 括号 表明 该 动作 不 带 参数 。 一 旦 停止 播放 ， 必 须 使 用 play 动作 明确 指示 要 
AS | 重新 开始 播放 影片 。 


14.3.2 控制 蝴蝶 运动 


练 司 “本 节 练习 通过 按钮 控制 蝴蝶 运动 。 通 过 对 实例 操作 方法 . 
直上 GE 的 讲解 ， 使 读者 掌握 播放 、 停 止 影片 的 交互 语句 和 使 用 方法 。 


Dt dh he soa tt bs sse dt dll st ee dh ih hhh ds a a sd hb sad he ed hl aaah st he dt be es ad i de sm ead ly dh es i sii ba le hi ti ie i a el sl 


首先 新 建 一 个 空白 的 Animate CC 2018 文档 ， 新 建 一 个 影片 剪辑 元 件 ， 内 容 可 以 
是 导入 的 动画 GIF 或 制作 的 逐 帧 动画 。 然 后 使 用 绘图 工具 和 填充 工具 制作 两 个 外 观 不 
AN ， 引 孵 《 同 的 接 包 元 件 ， 一 个 用 于 播放 动画 ， 一 个 用 于 停止 动画 。 最 后 分 别 为 两 个 按钮 实例 添 
” 国 图 | 加 所 标 单 击 事件 处 理 函数 ,目标 对 象 为 影片 剪辑 的 实例 名 称 ,最 终 效果 如 图 14-11 所 示 ， 
初始 时 ， 蝴 蝶 不 停 扇 动 翅膀， 单 击 红色 按钮 ， 里 蝶 停止 运动 ; 单 击 绿色 按钮 ， 蝴 蝶 又 
开始 扇 动 翅膀 运动 。 


@ stop butterfly 
‘ 全 start butterfly 


图 14-11 动画 效果 图 


操 固 步 医 二 


(1 ) 新 建 一 个 ActionScript 3.0 文档 ， 舞 人 台大 小 为 550 像素 x 240 像素 。 执 行 “ 揪 入 ”1 “新 建 元 件 ” 
命令 ， 创 建 一 个 名 为 “butterfly” 的 影片 剪辑 。 

(2 ) 选中 第 1 帧 ， 使 用 绘图 工具 绘制 如 图 14-12 所 示 的 蝴蝶 。 

(3 ) 单 击 第 2 帧 ， 按 F6 键 添 加 关键 帧 ， 然后 调整 刀 膀 和 生体 的 形状 ， 效 果 如 图 14-13 所 示 。 


图 14-12 第 1 帧 效果 图 14-13 ”第 2 怖 效果 


(4) 按照 第 (3 ) 步 的 方法 从 第 3 帧 开始 ， 逐 帧 绘制 动画 ， 一 二 到 第 6 帧 ， 效 末 如 图 14-14 所 示 。 


AR 好 
< 


到 14-14 ” 策 3 帧 至 第 6 帧 效果 图 


(5 ) 返回 主场 景 。 执行 “插入 ”1 “新 建 元 件 ” 命 令 ， 新 建 一 个 名 为 “red ”的 按钮 元 件 。 使 用 绘图 
工具 绘制 如 图 14-15 所 示 的 圆 形 按钮 ， 分 别 代 表 按 钮 的 弹 起 、 指 针 经 过 、 按 下 、 点 击 四 种 状态 。 对 应 的 
时 间 轴 如 图 14-16 所 示 。 


时 间 站 


心肌 
嘿 小国 4 上， 。 
嘿 大 图 

嘿 阴影 


嘿 可 人 疝 中 Rl 引 记 


红色 按钮 四 种 状态 


en : 为 保证 两 个 按钮 大 小 、 外 观 基本 相同 ， 可 以 将 制作 好 的 红色 按钮 复制 一 个 副本 ， 然 后 进 
全 DZ | 入 元 件 编辑 窗口 ， 修 改 填充 颜色 ， 得 到 绿色 按钮 元 件 。 


(7) 返回 主场 景 。 打 开 “ 库 ”面板 ， 将 “butterfly” 影 片 盘 辑 、“green ”按钮 元 件 、”“Ted” 按 钮 元 件 
拖 到 舞台 上 ， 并 摆 放 到 合适 的 位 置 。 

08 ) 选中 影 斤 筋 辑 实例 ， 在 属性 面板 上 设置 实例 名 称 为 “butterfly mc” ; 分 别 选中 两 个 按钮 实例 ， 在 
属性 面板 上 分 别 命名 为 stopbutton 和 startbutton。 然 后 使 用 “文本 工具 ”输入 文本 ， 效 果 如 图 14-11 所 示 。 

(9 ) 选中 红色 按钮 实例 ， 打开“ 代码 片断 ”面板 ， 双 击 “事件 处 理 图 数 ” 分 类 下 的 “Mouse Click 事 
件 ”。 切 换 到 “动作 ”面板 ， 在 脚本 编辑 区 删除 示例 代码 ， 然 后 输入 如 下 代码 : 


butterfly mc-stop () 


(10 ) 选择 绿色 按钮 ， 按 照 第 (9 ) 步 的 方法 在 “动作 ”面板 的 脚本 编辑 区 输入 如 下 代码 : 


butterfly mc.play(); 
此 时 ,“ 动 作 ” 面 板 的 脚本 编辑 区 中 的 代码 如 下 所 示 : 


// 注册 stopbutton 的 Mouse Click 事件 侦 听 凯 
stopbutton.addEventListener (MouseEvent .CLICK, 1 MouseClickHandler}; 
// 定义 stopbutton 的 Mouse Click 事件 处 理 阻 数 

function fl MouseClickHandler (event :MouseEvent) :void 

{ 

butterfly mc-stop () 

} 


/* startbutton 的 Mouse Click 事件 */ 
startbutton.addEventListener (MouseEvent .CLICK, 1 MouseClickHandler 2); 


function fl MouseClickHandler 2 (event:MouseEvent)}) :void 


{ 
butterfly mc.play(); 


} 


(11) 执行 “文件 ”1 “保存 ”命令 保存 文件 ， 然 后 按 CtrltEnter 键 测试 影片 ， 动 画 效 果 如 图 14-11 
所 示 。 


14.3.3 ” 跳 到 某 一 帧 或 场景 


各 要 跳 转 到 影片 中 的 某 一 特定 帧 或 场景 ， 可 以 使 用 goto 动作 。 

goto 动作 分 为 gotoAndPlay 和 gotoAndStop。 用 户 可 以 指定 影片 跳 转 到 某 一 帧 开始 播放 或 停止 。 
刍 选 中 要 指定 动作 的 按钮 实例 或 影片 剪辑 实例 ， 并 为 对 象 指定 实例 名 称 。 

执行 “窗口 ”| “动作 ”命令 ,打开 “动作 ”面板 。 

执行 “窗口 ”| “代码 片断 ”命令 ， 打 开 “ 代 码 片 断 ” 面 板 。 

和 根据 需要 ， 执 行 相应 的 操作 。 


1. 跳 转 后 影 户 继续 播放 


在 “代码 片断 ”面板 中 展开 “时 间 轴 导航 ”类 别 ， 然 后 双击 “ 单 击 以 转 到 帆 并 播放 ”。 此 时 ， 时 间 轴 
面板 顶层 将 和 目 动 添加 一 个 名 为 “Actions” 的 图 层 ， 并 在 第 一 帧 添加 如 下 代码 : 


// 注册 侦 听 器 
movieClip l.addEventListener (MouUSeEVvent .CLICK， ClickToPlay); 
// 定义 侦 听 器 


function ClickToPlay (event :MouseEvent) :void 
{ 
gotoAndPlay (5); 


} 


其 中 ，movieClip_1 为 选中 的 影片 筋 辑 的 实例 名 称 ; gotoAndPlay(5) 表示 跳 转 到 当前 场景 的 第 5 帧 并 
开始 播放 。 用 户 可 以 根据 实际 需要 修改 参数 。 

2. 跳 转 后 停止 播放 影片 

在 “时 间 轴 导航 ”类 别 中 双击 “ 单 击 以 转 到 帧 并 停止 ”。 用 户 在 “动作 ”面板 中 可 以 看 到 类 似 
gotoAndStop(5) 的 代码 。 

3. 跳 转 到 前 一 帧 或 下 一 帧 

在 脚本 窗 格 中 输入 prevFrame0 或 nextFrame()。 

4. 跳 转 到 指定 场景 

在 “时 间 轴 导航 ”类 别 中 双击 “ 单 击 以 转 到 场景 并 播放 ”， 可 以 看 到 如 下 所 示 的 代码 : 


// 注册 侦 听 顺 


movieClip l.addEventListener (MouSeEVent .CLICK， ClickToScene); 


// 定义 侦 听 希 
function ClickToScene (event :MouseEvent) :void 
| 
Movieclip(this.root) .gotoandPlav(1, “切忌 3 ” 1: 
} 


其 中 ,gotoAndPlay(1, "场景 3") 表 示 跳 转 到 “场景 3 的 第 1 帧 开始 播放 。 用 户 可 根据 实际 需要 修改 参数 。 


如 果 要 跳 转 到 当前 场景 ， 可 省 略 场景 名 称 ; 如 果 要 跳 转 到 其 他 已 命名 的 场景 ， 则 必须 指 ; 
定 场景 名 称 。 

指定 目标 帧 时 ， 除 了 可 以 直接 指定 帧 编号 ， 还 可 以 使 用 帧 标签 或 表达 式 指定 帧 。 例 如 : |; 
gotoAndPlay(currentFrame +5); 表示 跳 转 到 当前 帧 之 后 的 第 $ 帧 开始 播放 。 


5. 跳 转 到 前 一 场景 或 下 一 场景 
在 脚本 窗 格 中 输入 prevScene0 或 nextScene(。 


14.3.4 ”上 机 练习 一 一 人 工 降雪 


4 本 节 练 习 制作 一 个 人 工 降雪 的 交互 动画 。 通 过 对 实例 操 


: 14-3 上 可 一 -一 / 
| 作 方 法 的 讲解 ， 使 读者 掌握 时 间 轴 导航 语句 的 使 用 方法 。 人 


首先 新 建 一 个 空白 的 Animate CC 2018 文档 ， 背 景 颜 色 为 黑色 。 使 用 “ 撼 形 工具 ” / 
:和 “变形 ”面板 制作 一 个 外 形 为 雪花 的 隐形 按钮 ， 然 后 使 用 路 径 引 导 动 画 制 作 一 个 雪 
花 飘 落 的 景 乡 片 藤 辑 。 最 后 ， 使 用 动作 脚本 响应 隐形 按钮 的 单 击 息 标 事件 ， 使 动画 跳 转 
到 指定 的 帧 播放 ， 最 终 效 果 如 图 14-18 (a ) 所 示 。 移 动 鼠 标 ， 当 鼠标 指针 变 为 手 形 时 
单 南 ， 就 会 在 单 击 的 位 置 产生 一 个 角落 的 雪花 ， 如 图 14-18 (b ) 所 示 。 : 


图 14-18 大工 降雪 次 果 


操 转 步 国 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 一 信 
(1) 执行 “文件 ”1 “新 建 ” 命 令 ， 新 建 一 个 Animate CC 2018 文档 (ActionScript 3.0 )， 舞 台大 小 
为 300 像 系 x 240 像 系 ,背景 色 为 黑色 。 
(2 ) 执行 “插入 ”1 “新 建 元 件 ” 命 令 , 新 建 一 个 按钮 元 件 ,名 称 为 “hidden”。 在 元 件 编辑 窗口 的 “点 
击 ” 帧 按 F6 键 插入 关键 帆 ， 然 后 选择 “ 短 形 工具 ”， 笔 触 颜 色 设 置 为 无 ， 填 充 色 为 日 色 ， 在 舞台 上 绘制 
一 个 矩形 。 


(3 ) 打开 “信息 ”面板 ,调整 矩形 位 置 ,使 矩形 中 心 点 与 舞台 注册 点 对 齐 , 如 图 14-19 所 示 。 然 后 使 用 
“任意 变形 工具 ” 单 击 和 矩形 ,打开 “变形 ”面板 ,设置 旋转 角度 为 120, 连 续 单 击 “ 重 制 选区 并 变形 ”按钮 两 次 ， 
如 图 14-20 所 示 。 

此 时 的 按钮 元 件 编辑 窗口 如 图 14-21 所 示 。 


A 
图 14-19 ”调整 矩形 位 置 图 14-20 ”设置 变形 参数 图 14-21 按钮 元 件 的 编辑 窗口 


(4) 返回 主场 景 。 执 行 “ 插 入 ”1 “新 建 元 件 ” 命 令 ,创建 一 个 名 称 为 “snow” 的 影片 剪辑 。 选 中 第 1 
帧 ， 从 “ 库 ” 面 板 拖 放 一 个 隐形 按钮 实例 到 舞台 上 ， 然 后 新 建 一 个 图 层 ， 重 命名 为 Actions， 在 第 1 帧 上 
添加 脚本 stop0;， 此 时 的 时 间 轴 如 图 14-22 所 示 。 

(5 ) 按 住 Ctrl 键 单 击 图 层 1 的 第 2 帧 和 人 第 30 帧 ， 按 F6 键 插入 关键 帧 。 然 后 右 击 图 层 1 的 名 称 栏 ， 
在 弹出 的 快捷 菜单 中 选择 “添加 传统 运动 引导 层 ” 命 令 ; 并 在 第 2 帧 按 F6 键 插入 关 键 帧 ， 如 图 14-23 


所 示 。 
上 [1 2 
图 14-23 ”添加 传统 语 动 引导 居 和 关键 帜 
(6 ) 删除 图 层 1 第 2 帧 舞台 上 的 隐形 按钮 实例 ， 然 后 使 用 “矩形 工具 ”和 “变形 ”面板 绘制 一 个 与 


隐形 按钮 大 小 相同 的 雪花 ， 并 使 用 “信息 ”面板 调整 雪花 的 位 置 ， 使 其 与 隐藏 按钮 实例 的 位 置 相 同 ， 如 
图 14-24 所 示 。 

(7) 选中 引导 层 的 第 2 帧 ， 使 用 “ 铬 笔 工具 ”绘制 如 图 14-25 所 示 的 引导 线 ， 并 将 第 2 帧 的 雪花 图 
形 吸 附 到 引导 线 的 起 始 问 点 。 

(8 ) 选中 第 30 帧 的 雪花 图 形 ， 拖 放 到 引导 线 的 结尾 处 。 然 后 右 击 第 2 ~ 30 帧 之 间 的 任 一 帧 ， 在 弹出 
的 快捷 菜单 中 选择 “创建 传统 补 间 ”命令 ， 时 间 轴 如 图 14-26 所 示 。 
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图 14-24 ”给 制 雪花 图 形 图 14-25 ”绘制 引导 线 
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图 14-26 ”创建 传统 补 间 动画 


(9 ) 选中 图 层 1 第 1 帧 的 隐形 按钮 实例 ， 在 属性 面板 上 设置 实例 名 称 为 hiddenSnow， 人 然后 在 Actions 
图 层 的 第 1 帧 打开 “动作 ”面板 ， 输 入 按钮 单 击 事件 的 处 理 图 数 ， 如 图 14-27 所 示 。 


动作 


， 多 元 件 .。 | 


Actions:1 


stop () - 


hiddenSnow. addEventListener (MouseEvent. CLICK, playSnowin 


| fumnction plavnowine (event :MouseEwvent)}) :woid 
{ 


gotoindPlavy 2 : 


NI 


as 


第 5 行 ( 共 39 行 ) 


图 14-27 按钮 实例 的 单 击 事件 处 理 冰 数 


这 样 ， 当 单 击 隐形 按钮 时 ， 将 跳 转 到 第 2 帧 播放 雪花 的 路 径 引 导 动 画 。 

(10 ) 返回 主场 景 。 

打开 “ 库 ” 面 板 ， 拖 放 多 个 snow 影片 剪辑 到 舞台 上 ， 随 意 摆 放 。 然 后 使 用 “变形 ”面板 调整 实例 的 
大 小 ， 效 果 如 图 14-28 所 示 。 


WW / 
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图 14-28 创建 实例 


(11 ) 按 CtrlHEnter 键 测试 动画 ， 效 果 如 图 14-18 所 示 。 执 行 “文件 ” | “保存 ”命令 保存 文件 。 
14.3.5” 跳 转 到 指定 的 URL 


如 果 要 在 浏览 问 窗 口中 打开 网 忠 ， 或 将 数据 传递 到 指定 URL 的 为 一 个 应 用 程序 ， 可 以 使 用 
navigateToURL 动作 。 

(1 ) 选中 要 指定 动作 的 帧 、 按 钮 或 影片 甬 辑 。 

(2 ) 在 “动作 ”面板 的 脚本 窗 格 中 输入 如 下 语句 : 


// 注册 侦 听 天 

movieClip l.addEventListener (MoUSeEVent .CLICK,ClickToWebPage)}); 
// 定义 侦 听 器 

function ClickTowWwebPage (eVvent :MouUSeEVent) :void 

lL 

// 在 新 浏览 器 窗口 中 加 载 指 定 的 URL 


navigqgateToURL (new URLRequest ("http://www.myserver.com"), ™ blank™.); 
} 


上 述 代 人 码 表示 单 击 名 为 movieClip_1 的 实例 ， 在 新 窗口 中 加 载 (http://www.myserver.com )。 
在 指定 URL 时 ， 可 以 使 用 相对 路 径 或 绝对 路 径 。 


14.4 实例 精 讲 一 一 移动 的 飞船 


。 ”本 实例 制作 一 个 简单 的 交互 动画 ， 使 用 四 个 方向 键 控 制 ; 
习 :飞船 运动 。 通 过 对 该 实例 的 讲解 ， 使 读者 进一步 了 解 交互 动 : 
国 ; 画 的 三 要 素 ， 并 掌握 键盘 事件 和 帧 事件 的 处 理 方法 ， 以 及 类 

文件 的 编写 方法 。 : 


[TEELOATEETEDOA 


TT 


首先 新 建 一 个 空白 的 Animate CC 2018 文档 ， 背 景色 为 黑色 ， 并 使 用 绘图 工具 
: 创建 飞船 影片 剪辑 。 然 后 使 用 KeyboardEventKEY DOWN 事件 侦 听 器 探测 哪个 方向 : 
A、 设计 i 键 被 按 下 。 接 下 来 编写 飞船 元 件 的 类 文件 ， 定 义 飞 船 的 初始 位 置 ， 并 使 用 ENTER 
二 ”转圈 FRAME 事件 根据 接 下 的 键 调整 飞船 的 X 坐标 和 了 坐标， 实现 移动 飞船 的 功能 。 最 后 ， 
在 舞台 上 加 载 一 个 飞船 实例 ， 即 可 通过 上 、 下 、 左 、 右 方向 键 来 移动 飞船 ， 最 终 效 果 | 
如 图 14-29 所 示 。 : 


和 
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图 14-29 ”移动 的 飞船 效果 


操 固 步 国 

(1) 新 建 一 个 ActionScript 3.0 文档 ， 
素 x 240 像 末 ， 背 景 糊 色 为 黑色 。 

(2) 按 Ctrl + F8 键 创 建 一 个 影片 剪辑 ， 命 名 为 spaceship。 
在 元 件 编 辑 模式 下 ， 在 舞台 上 绘制 一 个 宇宙 飞船 ， 如 图 14-30 
所 示 。 

(3) 回 到 主 时 间 轴 ， 在 主 时 间 轴 上 新 建 一 个 图 层 ， 命 名 为 14-30 ”spaceship 实 例 
Actions， 然 后 打开 “动作 ”面板 ， 在 脚本 窗 格 中 添加 下 面 的 代码 : 


狂 台 大 小 为 440 像 


// 定义 按键 变量 ， 用 于 指示 方向 键 是 否 按 下 

Var upArrow:Boolean = false; 

Var downArrow:Boolean = false; 

var leftArrow:Boolean = false; 

Var rightArrow:Boolean = false; 

// 键盘 按 下 事件 侦 听 顺 
stage.addEventListener (KeyboardEvent .KEY DOWN, keyDownFunction); 
// 键盘 释放 事件 侦 听 前 
stage.addEventLijstener (KeyboardEvent .KEY UP, keyUpFunction); 
// 按 下 键盘 

function keyDownFunction(event:KeyboardEvent) 1{ 


SWitch (event.keycCode) 


{ 
Case Keyboard.UP: 
L 
UPATTOW = true; 
breaks 
} 


case Keyboard.DOWN: 
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downArrow = 七 TUG 


ea 
} 
Case Keyboard.LEFT: 
Ud 
JeftArrow = true; 
break; 
} 
Case Keyboard.RIGHT: 
{ 
rightArrow = true; 
break; 
} 
| 
} 
// 释放 键盘 


function keyUpFunction (event:KeyboardEvent) I 
SWitch (event.keyCode) 


{ 

Case Keyboard.UP: 

[ 
upArrow = false; 
break; 

} 

Case Keyboard.DOWN: 

{ 
downArrow = false; 
break; 

} 

Case Keyboard.LEFT: 

{ 
leftArrow = false; 
break; 

} 

Case Keyboard.RIGHT: 

{ 
rightArrow = false; 
break; 

| 

} 
| 


(4 ) 右 击 “ 库 ” 面板 中 的 元 件 spaceship ,在 弹出 的 快捷 菜单 中 选择 “属性 ”命令 ,在 打开 的 “元 件 属性 ” 
对 话 框 中 展开 “高 级 ”选项 ， 勾 选 “ 为 ActionScript 导出 ” 复 选 框 ， 并 在 “类 ”文本 框 中 输入 Spaceship ， 
如 图 14-31 所 示 。 

(5 ) 单 击 “确定 ”按钮 关闭 对 话 框 。 在 “ 库 ” 面 板 中 选中 元 件 spaceship 并 右 击 ， 在 弹出 的 快捷 六 
单 中 选择 “编辑 类 ”命令 ，Animate CC 2018 将 新 建 一 个 名 为 Spaceship.as 的 ActionScript 类 文件 并 打开 ， 


输入 如 下 代码 : 


局 池 


自用 引 切 片 饥 旅 比例 辅助 晓 
onscript 链接 


| 为 Actio 


在 第 1 帧 中 己 出 


图 14-31 “元 件 属 性 ”对 话 框 


package { 

import flash.display.*; 
import flash.events.*; 
import flash.utils.getTimer; 


ff 定义 Spaceship 关 


public class Spaceship extends MovieClip 1 


// 飞船 移动 速率 ， 如 果 要 改变 飞船 移动 的 速度 修改 moveSpeed 的 值 即 可 


const moveSpeed:Number = 10; 
// 构造 函数 

public function Spaceship()} (| 
// spaceship 的 初始 位 置 

this.x = 16177 

this.y = ll2; 

// 远志 


addEventListener (Event .ENTER FRAME,moveShip); 


} 


// ENTER FRAME 处 理 函 数 ， 检 测 键盘 的 代码 ， 根 据 按 下 的 方 壬 键 控制 飞船 的 移动 方向 ， 丫 上 键 使 飞船 癌 上 ， 


回 左 键 使 飞船 问 左 ， 依 此 类 推 
public function moveShip (event:Event) 
// 往 左 移 
if (MovieClip (Parent) .leftArrow) { 
this.x—-=moveSpeed; 
| 
// 往 右 移 


if (MovieClip (parent) .rightArrow) 1{ 


nscript 写 出 (六 


{ 


this.x+=moveSpeed; 
} 
// 往 上 移 


if (MovieClip (Parent) .upArrow) 1 


this.y-=moveSpeed; 

} 

// 往 下 移 

if (MovieClip (parent) .downArrow) { 
this.yt+=moveSpeed; 

} 


} 
} 
} 


按 方 品 键 移动 飞船 的 代码 写 在 Enter Frame 事件 处 理 函 数 中 ， 因 此 ， 每 一 次 spaceship 影片 剪辑 进 人 
一 个 新 的 帧 的 时 候 ， 这 有 段 代码 都 会 执行 。 也 就 是 说 ， 这 段 代码 会 一 直 循 环 执 行 ， 直 到 影片 停止 播放 。 

接 下 来 ， 在 舞台 上 加 载 一 个 spaceship 实例 。 

(6) 在 主 时 间 轴 的 Actions 层 的 第 1 帧 添加 如 下 代码 : 


// 定义 变量 ， 用 于 存储 Spaceship 对 象 
Var Spaceship:Spaceship; 

// 生成 spaceship 加 入 到 舞台 上 
spaceship = new Spaceship 1() ， 
addcChild (spaceship}; 


(7) 按 Ctrl+Enter 键 测试 动画 效果 ， 如 图 14-28 所 示 。 执 行 “ 文 件 ” | “保存 ”命令 保存 文件 。 


14.5 答疑 解 惑 


1. 如 何在 Animate CC 2018 中 编写 ActionScript 脚本 文件 ? 

答 : 新 建 Animate CC 2018 文档 的 时 候 , 在 “新 建文 档 ” 对 话 框 中 选择 ActionScript 文件 , 单 击 “确定 ” 
按钮 ， 即 可 新 建 并 打开 一 个 脚本 编辑 窗口 。 在 窗口 顶部 左上 角 的 “目标 ”下 拉 列 表 中 选择 要 与 之 关联 的 
FLA 文件 。 

2. 做 好 的 动画 默认 循环 播放 ， 怎 样 能 够 让 它 不 循环 ? 

答 : 在 动画 的 最 后 一 帧 添加 脚本 ， 设 置 成 Stop( 仿 由 )。 

3. 在 关键 帧 中 添加 了 脚本 stop();， 之 后 的 脚本 是 否 会 起 作用 ? 

答 : Stop 语句 只 是 停止 帧 的 播放 ， 并 不 能 停止 该 语句 所 在 关键 帧 的 AS 语句 执行 。 

4. 如 何在 鼠标 接近 的 时 候 触发 动作 ? 

答 : 打开 按钮 元 件 的 编辑 窗口 ， 在 按钮 的 “指针 经 过 ” 帧 放置 可 以 产生 动作 的 影片 剪辑 ， 其 他 状态 
为 空 帧 。 


14.6 ”学 习 效果 目测 


选择 题 
1. 下 面 ( ) 函数 不 能 实现 对 时 间 轴 的 控制 。 


A. gotoAndPlay() B. play() C. stop() D. stopDrag() 
2. gotoAndPlay0 函数 中 的 参数 不 能 是 ( 


A. 帧 数 B. 场景 数 C. 图 层 数 D. 虱 正 确 
3. 打开 动作 面板 的 快捷 键 是 ( 上 

A. 上 0 B. FJ C.FS8 DF 
4. 下 列 选 项 中 ，( ) 是 跳 转 到 上 一 帧 的 脚本 。 

A. nextFrame B. nextSscene C. prevFrame D. prevescene 
5.“ 动 作 ” 面 板 中 ，Goto 命令 是 , 

A. 转 到 B. 复 换 C. 描绘 D. 停止 


6. 在 脚本 中 ，gotoAndPlay 的 作用 是 ( 上 
A. 影片 转 到 帧 或 目标 签 处 并 开始 播放 ， 如 果 未 指定 场景 ， 则 播放 头 将 转 到 当前 场景 中 的 指定 帧 
B. 影 族 转 到 帧 或 帧 标签 处 并 侣 止 播放 ， 如 采 未 指定 场景 ， 则 播放 头 将 转 到 当前 场景 中 的 指定 帧 
C. 执行 该 命令 时 ， 影 片 或 影片 剪辑 开始 播放 
D. 以 上 都 不 正确 

7. 在 Animate CC 2018 常用 动作 命令 语句 中 ，( ) 没有 参数 。 
A. play B. stop C. gotoAndPlay D. gotoAndstop 


使 用 组 件 


四 钙 鲁 时 

Animate CC 2018 的 组 件 提供 一 种 简单 的 工具 一 一 组 件 ， 使 用 户 
”在 动画 创作 中 可 以 重复 使 用 复杂 的 元 素 ， 而 不 需要 编写 ActionScript。 
:通过 设置 组 件 参 数 可 以 修改 组 件 的 外 观 和 行为 ， 方 便 而 快速 地 构建 具 
有 一 致 的 外 观 和 行为 的 功能 强大 的 应 用 程序 。 \ 


@OS® 


种 各， 辣 喇 市 这 := 证 三 证 证 


必 认识 组 件 


15.1 认识 组 件 


组 件 是 市 有 参数 的 影片 甬 辑 ， 它 们 本 质 上 是 一 个 容 般 ， 包 合 很 多 质 源 ， 这 些 质 源 共同 工作 以 提供 更 
强 的 交互 能 力 和 动画 效果 。 每 个 组 件 都 有 预定 义 参 数 ， 还 有 一 组 独特 的 动作 脚本 方法 、 属 性 和 事件 (也 
称 API， 应 用 程序 编程 接口 )， 使 用 户 可 以 在 运行 时 设置 参数 和 其 他 选项 。 

Animate CC 2018 中 包含 的 组 件 共 分 为 两 类 : 用 户 界面 (UI) 组 件 和 视频 ( Video ) 组 件 。 


15.1.1 ”用户 窜 和 面 组 件 


用 户 界 面 组 件 可 以 单独 使 用 ， 在 Animate CC 2018 影片 中 添加 简单 的 交互 动 
作 ; 也 可 以 组 合 使 用 ， 为 Web 表单 或 应 用 程序 创建 一 个 完整 的 用 户 界 面 。 

安 猴 Animate CC 2018 后 ， 如 果 没 有 添加 其 他 组 件 ，Animate CC 2018 中 的 
用 户 界面 组 件 如 图 15-1 所 示 。 

NN Button: 用 于 响应 键盘 空格 键 或 者 鼠标 的 动作 。 


| 
可 E 一 


辆 辐 国 四 0 ; 


NN CheckBox: 显示 一 个 复 选 框 。 
和 ColorPicker: 显示 一 个 颜色 拾取 框 。 
和 ComboBox: 显示 一 个 下 拉 选 项 列表 。 半生 
YN DataGrid: 数据 网 格 。 用 于 在 行 和 列 构成 的 网 格 中 显示 数据 。 a Te 
N Label: 用 于 显示 对 象 的 名 称 、 属 性 等 。 让 
NW List:; 显示 一 个 滚动 选项 列表 。 3 
和 NumericStepper: 用 来 显示 一 个 可 以 逐步 递增 或 递减 数字 的 列表 。 Vide 
NN ProgressBar: 用 于 等 待 加 载 内 容 时 显示 加 载 进 程 。 
N RadioButton: 表示 在 一 组 互 斥 选择 中 的 单项 选择 。 
和 ScrollPane: 提供 用 于 查看 影片 剪辑 的 可 滚动 窗 格 。 
和 Slider: 显示 一 个 滑动 条 ， 通 过 滑动 与 值 范围 相对 应 的 轨道 端点 之 间 的 滑 

块 选择 值 。 
和 TextArea: 用 于 显示 一 个 市 有 边框 和 可 选 滚动 条 的 文本 输入 区 域 ， 通常 

用 于 输入 多 行文 本 。 
NN TextInput: 用 于 显示 单行 输入 文本 。 


和 TileList: 提供 呈 行 和 列 分 布 的 网 格 ， 通 常用 来 以 “ 平 铺 ”格式 设置 并 显 
示 图 像 。 

NN UILoader: 一 个 能 够 显示 SWF 或 JPEG 的 容器 。 

YM UIScrollBar: 一 个 显示 有 滚动 条 的 文本 字段 容器 。 


15.1.2 ”人 视频 组 件 
视频 组 件 用 于 定制 视频 搬 


图 15-2 ”视频 组 任 
放生 外 观 和 播放 控件 。Animate CC 2018 中 的 视频 组 件 如 图 15-2 所 示 。 


15.2 ”使 用 用 户 界 面 组 件 


Animate CC 2018 提供 一 套用 户 异 面 组 件 ， 使 用 这 些 组 件 ， 用 户 可 以 轻松 创建 各 种 笛 用 的 用 户 界 面 ， 
与 应 用 程序 进行 交互 操作 。 


15.2.1 ”在 动画 中 添加 组 件 


在 舞台 添加 组 件 的 方法 与 添加 元 件 实例 的 方法 类 似 。 


区 / 


fa 


/ 村 和 


(1 ) 执行 “窗口 ”1 “组 件 ” 命 令 ， 打开 如 图 15-1 所 示 的 “组 件 ” 面 板 。 

(2 ) 单 击 需要 的 组 件 图 标 ， 按 下 鼠标 左 键 拖 放 到 舞台 上 ; 或 者 直接 双击 选中 的 组 件 ， 将 组 件 添加 到 
舞台 上 ， 如 图 15-3 所 示 。 

(3 ) 使 用 “任意 变形 工具 ”可 以 调整 组 件 尺 寸 ; 使 用 “选择 工具 ”可 以 调整 组 件 位 置 。 

在 舞台 上 添加 组 件 之 后 ， 在 “ 库 ” 面 板 中 可 以 看 到 显示 为 编译 剪辑 元 件 (SWC ) 的 组 件 及 其 相关 资 
源 列表 ， 如 图 15-4 所 示 。 通 过 将 组 件 从 “ 库 ” 面 板 中 拖 到 舞台 上 ， 可 以 添加 该 组 件 的 多 个 实例 。 


使 用 并 
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图 15-3 ”和 将 组 件 添加 到 舞 自 图 15-4 “ 库 ” 面 板 中 的 CheckBox 组 件 


15.2.2 ”设置 组 件 参数 


组 件 通 和 常 由 开发 者 设计 外 观 ， 并 编写 大 量 复 洒 的 动作 脚本 ,定义 组 件 的 功能 与 参数 。 使 用 组 件 时 ， 
用 户 不 必 关 心 这 些 动 作 脚 本 的 具体 内 容 ， 只 需要 了 解 组 件 的 功能 ， 设 置 参 数 进行 初始 化 就 够 了 。 可 以 说 ， 
组 件 的 使 用 提高 了 影片 剪辑 的 通用 性 。 

在 Animate CC 2018 中 可 以 轻松 地 修改 组 件 的 外 观 和 功能 。 

(1 ) 选中 舞台 上 的 组 件 实例 ， 执 行 “ 窗 口 ” | “属性 ”命令 ， 打 开 对 应 的 属性 面板 。 

(2 ) 在 属性 面板 上 指定 实例 名 称 。 根 据 需 要 还 可 以 指定 色彩 效果 等 属性 ， 如 图 15-5 所 示 。 

与 早期 版 本 不 同 ，Animate CC 2018 在 一 个 独立 的 “组 件 参 数 ”面板 中 提供 组 件 参 数 属性 。 

(3 ) 单 击 组 件 属 性 面板 中 的 “显示 参数 ”按钮 ,或 执行 “窗口 ”1 “组 件 参 数 ” 命 令 打 开 “ 组 件 参数 ” 
面板 ， 修 改组 件 参 数 的 值 ， 如 图 15-6 所 示 。 


定位 和 视图 


* 辅助 功能 


# 并 铺 


图 15-5 组 件 的 属性 面板 


这 些 可 以 指定 的 参数 用 于 自 定义 组 件 的 属性 。 可 以 对 组 件 的 每 一 个 实例 指定 不 同 的 参数 值 ， 根 据 参 
数值 的 不 同 ， 组 件 的 实例 性 质 也 不 同 。 


15.2.3 ”上 机 练习 一 一 制作 留言 板 


。 哺 辐 | 。 1521 节 和 1522 节 已 介绍 在 动画 中 添加 组 件 、 设 置 组 件 
站 时 固 因 条 站 的 方法 ， 本 节 练 习 制 作 一 个 留言 析 。 通 过 对 实例 操作 方法 | 
于 WW | 的 讲解 ， 使 读者 对 用 户 界面 组 件 有 更 加 深入 的 了 解 。 有 


和 


。 首先 新 建 一 个 空白 的 Animate CC 2018 文档 ， 导 入 一 幅 图 片 作 为 背景 ， 然 后 在 兽 ， 
台 上 添加 静态 文本 框 和 需要 的 各 种 组 件 完成 页 面 布局 ， 并 在 属性 面板 上 配置 组 件 参 数 。 
pe、 设计 ; 接 下 来 在 第 2 帧 使 用 文本 框 添加 提示 信息 ， 最 后 为 按钮 组 件 编写 脚本 ， 添 加 鼠标 单 击 ， 
昌 事件 处 理 函 数 ,最 终 效 果 如 图 15-7 (a ) 所 示 。 在 用 户 界面 组 件 中 填写 信息 , 单 击 “ 提 交 ” 
按钮 显示 提交 成 功 的 信息 ,如 图 15-7 (b ) 所 示 ; 单 击 “返回 ”按钮 , 跳 转 到 图 15-7 (a ) 


星座 爱好 者 留言 板 
姓名 :| 


1 a 性 别 : 名 另 国文 
pa 中 是 否 相信 星座 : 回 总 加 下 


人 由 AAA 谢谢 参与 ， 留 言 已 提交 ! 
je 性 格 特点 : LL 内 咎 加 热情 yf [A 
| 国 外 向 2 
吴 尖 ”有 话 要 说 : rass | 


图 15-7 留言 板 效果 


(1 ) 执行 “文件 ” 1“ 新 建 ”命令 ,新 建 一 个 Animate CC 2018 文档 (ActionScript 3.0 )。 然 后 执行 “ 文 
件 ”1 “导入 ”| “ 导 和 人 到 舞台 ”命令 ， 导 入 一 幅 GIF 图 像 作为 背景 。 在 “信息 ”面板 中 调整 图 片 尺寸 
与 位 置 ， 使 图 片 与 舞台 大 小 相同 ， 且 左上 角 对 齐 ， 如 图 15-8 所 示 。 


(2 ) 在 图 层面 板 左下 角 单 击 “ 新 建 图 层 ” 按 钮 ， 新 建 一 -个 图 屋 ， 重 从 ei 选中 第 1 帧 ， 在 

绘图 工具 箱 中 选中 “文本 工具 ”， 切 换 到 属性 面板 ， 设 置 字 体 为 “微软 雅 黑 ”， 字 号 为 20， 颜 色 为 黑色 ， 

字母 间距 为 5， 如 图 15-9 所 示 。 二 将 字号 修改 为 14， 输入 其 他 文本 ， 如 图 15-10 
所 示 。 


星座 爱好 者 留言 板 
姓名 : 
性 别 : 
是 理 相 信 星 座 : 
所 属 星座 : 
性 格 特点 : 
有 话 要 说 : 


字母 间距 : 5. 
屋 Y 自动 觅 整 字 距 
肖 除 锯齿 : 。 动 国 消 际 句 占 
四 | 


图 15-9 ”文本 属性 图 15-10 留言 板 界 面 信息 


(3 ) 打开“ 组件” 面板， 双击 TextInput 组 件 添 加 到 舞台 上 ， 然 后 将 组 件 实例 拖 放 到 如 图 15-11 所 示 
的 位 置 。 

(4) 在 “组 件 ” 面 板 中 将 RadioButton 组 件 拖 放 到 舞台 上 ， 放 置 完毕 后 按 住 Alt 键 复制 第 2 个， 并 将 
两 个 实例 槛 癌 对 齐 ， 如 图 15-12 所 示 。 


姓名 : | 
国 colorPr 由 :Gu 
是 否 相信 星座 : 站 | 由。 是 否 相信 星座 : 
所 属 星座 : a /NN 所 局 旦 库 


有 话 要 说 ee | f(a 


图 15-11 添加 TextInput 组 任 图 15-12 ”添加 RadioButton 组 任 


(5) 打开 “ 库 ” 面 板 ， 拖 放 两 个 RadioButton 组 件 实例 到 舞台 上 ， 放 在 如 图 15-13 所 示 的 位 置 。 

(6) 在“ 组件” 面板 中 双击 ComboBox 组 件 添加 到 舞台 上 ， 然 后 将 其 拖 放 到 如 图 15-14 所 示 的 位 置 。 

(7) 在“ 组件” 面板 中 将 CheckBox 组 件 拖 放 到 舞台 上 ， 然 后 按 住 Alt 键 复制 另外 4 个 并 摆 放 整齐 ， 
如 图 15-15 所 示 。 

(8) 在 “组 件 ” 面 板 中 双击 TextArea 组 件 将 其 语 加 到 舞台 上 ， 然 后 将 其 拖 放 到 如 图 15-16 所 示 的 
位 置 。 

(9 ) 同样 的 方法 , 在 “组 件 ” 面 板 中 拖 放 一 个 Button 组 件 到 舞台 上 ,放置 在 舞台 右 下 角 ， 如 图 15-17 
所 示 。 


星座 爱好 者 留言 板 


姓名 :| | 

性 别 : 已 Label (Label 
是 香 相 信和 星座 : 人 Labal 
所 属 星 座 : 

性 格 特点 : 

有 话 要 襄 : 


图 15-13 ”添加 RadioButton 实 例 


星座 爱好 者 留言 板 
姓名 : 


性 别 : 已 Label 加 Label 
是 得 相 信和 星座 : 心 ) Labal OO Label 


妈 15-14 ”添加 ComboBox 组 任 


星座 爱好 者 留言 板 
姓名 : | 
性 别 : 吕 Labael OO) Label 


是 香 相 信和 星座 : 心 ) Labal OO) Labal 


所 局 星座 : 
性 格 特点 : 
有 语 要 说 : 


星座 爱好 者 留言 板 
姓名 : 


性 别 : 己 Label OO) Labal 
是 香 相 信和 星座 : 心 ) Label OO) Labal 


所 属 星座 : | jz| | 了 AAA 上 所 属 星 座 : | | 
性 格 特 点 : 品 Label 加 Labal [Labal Ni 记性 格 特点 : 口 ape 回 Labal LL Labal 
| Label [Label | fa 六 [| Label LL | Label 


图 15-16 添加 TextArea 组 任 


至 此 ， 组 件 添加 完毕 ， 接 下 来 配置 组 件 。 
( 10 ) 选中 舞台 上 的 TextInput 实例 ， 单 击 属 性 面板 上 的 “显示 参数 ”按钮 ， 打开“ 组 件 参 数 ” 面 板 ， 
设置 maxChars 为 20， 即 最 多 能 输入 20 个 字符 ， 如 图 15-18 所 示 。 


ee 


A i Te ,sh 
即 国 


-i 1 fy De 0 Ty 和 | 
是 | 
星座 爱好 者 留言 析 1 


姓名 : | 
性 别 : 已 Label DD 〇 ) Label 
是 理 相 信 星 座 : 人 Label OO Labal 


所 属 星 座 : | ”| 


性 格 转 点 : LL Labal LL | Labal [LL] Labal 
LL | Label LL | Label 
有 话 要 说 : 


| 


到 15-17 ”添加 Button 组 任 图 15-18 设置 TextInput 属 性 


(11) 选中 第 1 个 RadioButton 实例 ， 在 “组 件 参 数 ” 面 板 上 设置 groupName 为 gender，label 为 男 ， 
名 选 selected 选项 ， 且 value 值 为 boy， 如 图 15-19 所 示 。 同 样 的 方法 ， 设 置 第 2 个 RadioButton 实例 的 属 


性 ， 如 图 15-20 所 示 。 


组 件 条 囊 

感性 
enabled 
groupName 
labe 
labelPlacement 
selected 
¥alue 


vwisible 


图 15-20 ”设置 第 2 个 单 选 按钮 属性 


单 选 按钮 组 件 属 性 参数 的 意义 : 

groupName : 单 选 按 钮 所 属 的 单 选 按钮 组 。 

label : 单 选 按钮 的 标签 名 称 。 

labelPlacement : 指定 标签 出 现在 单 选 按钮 的 左 侧 还 是 右 侧 。 
selected : 指定 该 单 选 按 钮 初始 时 是 否 处 于 选中 状态 。 

value : 表示 与 该 单 选 按 钮 相关 联 的 数据 。 


组 忻 郑 至 

属性 
enabled 
groupName 
labe 
labelPlacement 
Selected 
value 


visible 


图 15-21 设置 第 3 个 单 选 按钮 属性 图 15-22 ”设置 第 4 个 单 选 按钮 属性 


(13 ) 选中 舞台 上 的 ComboBox 实例 ， 在 “组 件 参 数 ” 面 板 上 单 击 dataProvider 属性 右 侧 的 “编辑 ” 
按钮 隐 ， 打 开 “ 值 ”对 话 框 。 单 击 “ 添 加 项 ”按钮 国 ， 添 加 列表 项 标签 和 关联 的 值 ， 如 图 15-23 所 示 。 
输入 完毕 后 单 击 “确定 ”按钮 ， 返 回 到 如 图 15-24 所 示 的 “组 件 参数 ”面板 。 


属性 值 
dataProvider [abalj: 水 并 da... 
editable 


énabled 


prompt 


Tes TEL 


rowCount 


visible 


图 15-23 “和 值 ”对 话 框 图 15-24 ”ComboBox 实 例 属性 设置 


(14 ) 选中 舞台 上 的 第 一 个 CheckBox 实例 ， 在 “组 件 参 数 ” 面 板 上 将 label 值 设置 为 “内 回 ”， 如 
图 15-25 所 示 。 同 样 的 方法 ， 依 次 设置 其 他 CheckBox 实例 的 label 值 为 : 热情 、 害 着 、 外 向 、 忧 郁 。 
(15 ) 选中 舞台 上 的 TextArea 实例 ， 在 “组 件 参 数 ” 面 板 上 设置 text 属性 为 “在 这 里 留言 ， 如 


图 15-26 所 示 。 


得 性 闫 靶 

属性 
enabled 
label 内 回 
labelPlacement right 
selected 


visible 


到 15-25 ”CheckBox 属 性 设置 


组 性 乱 驯 

属性 
condenseWhite 
editable 
enabled 
horizaontalscrollPolicy 
htmlText 
raxChars 
rESstricr 
texct 
verticalscrollPolicy 
visible 


wordWrap 


图 15-26 ”TextArea 属 性 设置 


(16 ) 选中 舞台 上 的 Button 组 件 实例 ， 在 属性 面板 上 设置 实例 名 称 为 submit。 在 “组 件 参 数 ” 面 板 


上 放置 


诅 件 驹 至 
属性 


emphasized 
enabled 


| 本 


labelFlacement 
se|leEcted 
toggle 


wisible 
图 15-27 设置 Button 实 例 属性 


接 下 来 制作 第 2 帧 的 界面 。 


label 值 为 “提交 ”， 如 图 15-27 所 示 。 此 时 的 舞台 效果 如 图 15-28 所 示 。 


姓名 :| 

人 性别 : 名 另 局 太 

是 理 相 信 星 座 ; 是 名 百 

所 属 星 座 ;| 水 总 = | 

性 格 特 点 : | | 内 向 回 热情 回 覆盖 
器 外 向 回 基部 


有 话 要 说 : 在 这 里 窗 言 


图 15-28 钴 各 效果 


(17 ) 选中 背景 图 层 的 第 2 帧 ， 按 FS 键 ， 将 帧 扩展 到 第 2 帧 。 

(18 ) 右 击 content 图 层 的 第 2 帧 ， 在 弹出 的 快捷 全 单 中 选择 “转换 为 空白 关键 帧 ”命令 。 然 后 在 绘 
图 工具 箱 中 选择 “文本 工具 ”， 设 置 笔触 颜色 为 蓝 色 ， 在 舞台 输入 文本 ,效果 如 图 15-29 所 示 。 

(19 ) 打开 “ 库 ” 面 板 ， 拖 放 一 个 Button 实例 到 舞台 上 ， 通 过 “信息 ”面板 调整 实例 位 置 ， 使 其 与 
submit 按钮 位 置 相同 。 然 后 打开 属性 面板 ,设置 实例 名 称 为 Return。 单 击 “ 显 示 参 数 " 按 钮 ,打开 “组 件 参 数 ” 
面板 ， 设 置 label 值 为 “返回 ”。 此 时 的 舞台 效果 如 图 15-30 所 示 。 

(20 ) 在 图 层面 板 左 下 角 单 击 “新 建 图 层 ” 按 钮 ， 并 将 图 层 重 命名 为 Actions。 选 中 第 1 帧 , 打开 “ 动 


作 ” 面板 ， 在 脚本 窗 格 中 添加 如 下 代码 : 


中 | CH NE 
谢谢 参与 ， 留 言 已 提交 ! 。 由 婴 (1E。 谢 谢 参 与 ,留言 已 提交 ， 


图 15-30 ”添加 Button 实 全 


// 初始 时 停留 在 第 1 帧 ， 等 竺 用 户 操 作 

stop () ; 

// 侦 听 “提交 ”按钮 的 单 击 事件 

submit.addEventListener (MouseEvent .CLICK， showMessage); 


// 单 击 事件 处 理 函 数 


function showMessage (event :MouseEvent) :void 
{ 
// 单 击 按钮 进入 第 2 帧 


gotoAndPlay (2)}; 
} 


(21 ) 选中 Actions 图 层 的 第 2 帧 , 按 F7 键 转换 为 空 日 天 键 帧 ,然后 打开 “动作 ”面板 ,输入 如 下 脚本 : 
// 停留 在 第 2 帧 ， 等 待 用 户 操作 


stop(); 
// 侦 听 “返回 ”按钮 的 单 击 事件 
Return.addEventListener (MouseEvent .CLICE, restart}); 
// 单 击 事件 处 理 函数 
function restart (event :MouseEvent) :void 
{ 
// 单 击 按钮 返回 第 1 帧 
gotoAndPlay (1); 
} 


(22 ) 执行 “文件 、1 “保存 ”命令 保存 文件 ， 然 后 按 Ctrl+Enter 键 测试 动画 ， 效 有 果 如 图 15-7 所 示 。 
15.2.4” 自 定义 组 件 外 观 


尽管 Animate CC 2018 目 市 的 组 件 比 早期 的 版 本 深 亮 很 多 ， 但 为 了 让 组 件 的 外 观 与 整个 页 面 的 样式 
统一 ， 通 向 需 要 改变 组 件 的 外 观 ， 比 如 组 件 标 签 的 字体 和 颜色 ， 组 件 的 背景 颜色 等 。 


方法 1 
(1) 双击 舞台 上 的 组 件 ， 转 到 组 件 实例 的 第 2 帧 ， 在 这 里 可 以 查看 组 件 使 用 的 皮肤 ， 如 图 15-31 
所 示 。 


(2 ) 双击 要 修改 的 状态 ， 可 进入 对 应 的 状态 元 件 编辑 窗口 ， 如 图 15-32 所 示 。 在 这 里 ， 用 户 可 分 别 


修改 该 状态 的 边框 颜色 、 填 充 色 和 高 亮 颜 色 。 


丰 


. 


selected up | 


(I | 
| selected over [WV selected up 9 
CE 

ms 


selected_disabled 口 四 

selected down 区 selected over 
El] down 站 over 
i ove= Iv| selected disabled 
me) up | | disabled 
NEE : 加 selected down 
ee 人 

CD gwnocskn | CC fewRectskin 


妈 15-31 组件 上 庆 肤 图 15-32 ”元件 编辑 窗口 


方法 2 
(1) 单 击 舞 台 上 方 的 “编辑 元 件 ” 按 钮 国 ， 在 弹出 的 下 拉 列 表 中 选择 要 修改 的 组 件 皮肤 ， 如 
15-33 所 示 。 


图 15-33 “编辑 元 件 ” 级 联 菜单 


(2 ) 在 元 件 编辑 窗口 修改 元 件 外 观 。 
15.2.5 ”上 机 练习 一 一 使 用 样式 管理 绒 定 义 标 签 格式 


和 


。 ”15.2.4 节 介绍 两 种 修改 组 件 外 观 的 方法 ， 本 节 将 结合 实 ; i 
ee : 例 讲解 自 定义 组 件 文本 格式 的 方法 ， 使 读者 掌握 使 用 样式 管 je 


i 衬 式 管理 器 定义 标 
et de Ee : 签 格式 


te 
| 面板 中 拖 放 两 个 Button 组 件 到 舞台 上 ， 并 在 属性 面板 上 设置 。 一 一 人 下 
司 图 要 自 定义 外 观 的 实例 名 称 。 然 后 添加 脚本 ， 通 过 加 载 样式 管 [Buon 了 一 自 定义 样式 

pw ee 修改 组 件 的 外 观 ， 如 |。 证 |5_34 wa 
和 


所 


( 1) 新 建 一 个 ActionScript 3.0 文件 ， 打开“ 组 件 ” 面 板 ， 从 中 拖 放 两 个 Button 组 件 到 舞台 上 。 
使 用 默认 样式 ， 一 个 将 目 定 义 样式 ， 以 比较 效果 。 
(2 ) 选中 拖 入 的 第 二 个 组 件 ， 在 属性 面板 的 “实例 名 称 ” 文 本 框 中 输入 实例 的 名 称 “myBtn”。 然 后 


/340/ AAMmatelee one 


f 


单 击 
在 这 里 ， 用 户 可 以 设置 组 件 的 相关 属性 。 本 例 保留 献 认 设置 。 


(3 ) 音 


VW/ /RA 
区 / 


显示 参数 ”按钮 ， 打 开 “ 组 件 参 数 ”面板 ， 如 图 15-35 所 示 。 


击 图 层面 板 左 下 角 的 “新 建 图 层 ” 按 钮 ,创建 一 个 新 层 , 重 


图 15-35 ”组件 套数 


(4 ) 选择 Actions 图 层 的 第 1 帆 ， 打开 “动作 ”面板 ,在 脚本 窗 格 中 输入 下 面 的 语句 指定 实例 的 属性 


和 值 。 


// 加 载 样 式 管理 器 StyleManager 
imPort 1.managers.StyleManager: 
// 定义 文本 格式 对 象 textstyle 

Var textStyle:TextFormat = new TeXtFEFOormat (}; 
// 定义 字体 
textSstyle.font="Verdana’ 

// 定义 字号 

textSstyle.size = 12; 

// 定义 文本 颜色 
textSstyle.color=0xFFOO000,; 

// 设置 实例 myBtn 的 Label 属性 
mvyBtn.label="Button™’; 

// 改变 实例 myBtn 的 样式 


TvBlneeto ttylel Cexthormab exteEvlhek: 


(5 ) 执行 “文件 ”1 “保存 ”命令 保存 文件 。 按 CtrltEnter 键 测试 影片 , 就 可 以 看 到 组 件 属性 的 改变 
了 了， 如 图 15-34 所 示 。 
如 果 要 更 改 舞 台 上 所 有 按钮 组 件 的 样式 ， 可 以 将 上 述 脚本 的 最 后 两 行 代 码 修改 为 如 下 形式 : 


和 0 号 加 


StyleManager.setComponentStyle(Button, "textFormat", textSstyle}); 


15.3 ”实例 精 讲 一 一 信息 表 蛙 


本 实例 制作 一 个 填写 表单 的 程序 ， 适 合 刚 开始 接触 用 户 界面 组 件 的 用 户 。 通 过 对 


三 目 司 该 实例 的 讲解 ， 使 读者 对 用 户 界面 组 件 有 更 加 深入 的 了 解 ， 并 能 够 牢固 掌握 添加 组 件 


沪 和 配置 组 件 参数 的 方法 。 


中 
PLTPTETLLLELP 


首先 打开 一 个 已 创建 好 基本 布局 的 Animate CC 2018 文件 ， 打 开 “ 组 件 ” 面 板 ， 
将 ComboBox、 CheckBox、Button 组 件 和 输入 文本 框 添加 到 表单 的 第 一 页 ， 然后 在 属 | 
性 面板 上 分 别 设置 组 件 的 各 项 参数 和 输入 文本 框 的 实例 名 称 、 格 式 。 同 样 的 方法 ， 在 
第 二 页 放置 动态 文本 框 和 按钮 组 件 ， 并 对 这 些 实例 进行 配置 。 最 后 编写 两 个 按钮 的 单 
”| 击 事件 动作 脚本 ， 将 第 一 页 获取 的 信息 显示 在 第 二 页 上 ， 如 图 15-36 所 示 。 在 第 一 页 . 
填写 某 些 信息 ， 单 击 Submit 按钮 就 可 以 在 图 15-37 所 示 的 第 二 页 显示 提交 的 结果 ， 单 

击 第 二 页 的 Retum 按钮 ， 可 以 返回 到 第 一 页 。 : 


图 15-37 表单 第 二 页 


操 回 步 加 


15.3.1 添加 组 件 


(1 ) 执 行 “ 文 件 ”|“ 打 开 ” 命 令 , 打 开 一 个 已 完成 基本 布局 的 Animate CC 2018 文件 ， 
如 图 15-38 所 示 。 


图 15-38 ( 续 ) 


该 文件 可 分 为 两 页 ， 分别 用 于 填写 信息 和 显示 信息 。 

(2 ) 新 建 一 个 图 层 ， 重 命名 为 UI， 该 层 将 放置 收集 信息 的 用 户 界 面 组 件 。 右 击 UI 层 的 第 6 帧 ， 在 
弹出 的 快捷 沫 单 中 选择 “转换 为 空白 关键 帧 ”命令 ， 将 其 转换 为 空 日 关键 帧 。 

(3 ) 添加 CheckBox 组 件 。 选 中 UI 图 层 的 第 1 帧 , 打开 “组 件 ” 面 板 , 将 CheckBox 组 件 拖 放 到 舞台 
上 ， 把 它 放 在 如 图 15-39 所 示 的 位 置 。 

(4) 添加 ComboBox 组 件 。 在 “组 件 ” 面 板 中 双击 ComboBox 组 件 ， 将 其 添加 到 舞台 上 ， 放 到 文本 
“Select your favorite color:” 下 面 ， 如 图 15-40 所 示 。 


图 15-39 ”添加 CheckBox 图 15-40 ”添加 ComboBox 


(5 ) 添加 输入 文本 框 。 在 工具 箱 中 选择 “文本 工具 ”, 在 舞台 上 绘制 两 个 文本 框 。 然 后 打开 属性 面板 ， 
设置 文本 类 型 为 “输入 文本 ”"， 字体 为 Times New Roman， 加 粗 ， 字 号 为 14， 颜色 为 蓝 色 ， 分 别 命名 为 
name xm 和 email。 

(6) 添加 Button 组 件 。 在 “组 件 ” 面 板 中 把 Button 组 件 拖 到 舞台 上 ， 把 它 放 在 表单 右 下 角 ， 与 
name xm、email 文本 杠 平 行 ， 如 图 15-41 所 示 。 


和 


图 15-41 添加 Button 组 件 


该 按钮 用 来 提交 用 户 填 写 的 信息 。 

接 下 来 在 第 二 页 添加 组 件 和 动态 文本 框 。 

(7 ) 单 击 UI 层 的 第 6 帧 将“ 组件” 面板 中 的 Button 组 件 拖 放 到 舞台 上 ， 放 在 右 下 角 ， 如 图 15-42 
所 示 。 


图 15-42 第 二 页 的 Button 组 任 


该 按钮 用 来 返回 到 第 一 页 ， 而 且 用 刚刚 提交 的 信息 填充 各 个 表单 项 。 
(8) 使 用 “文本 工具 ”制作 四 个 动态 文本 框 ,字体 为 Times New Roman, 字 号 为 14, 加 粗 ,颜色 为 蓝 色 ， 


然后 在 属性 面板 上 分 别 命名 为 name result、email result、sweepstakes result 和 color result， 如 图 15-43 
所 示 。 


.::Stiletto Fantasy Sweepstakes /79 >、 


\ 


图 15-43 ”添加 动态 广 本 框 
二 动态 文本 框 默 认 的 行为 是 “多 行 不 换行 ”, 本 例 中 将 sweepstakes result 的 行为 设置 为 “多 行 ”， 
As ! 否 则 显示 结果 只 能 显示 单行 ， 多 余 的 字符 自动 隐藏 。 


15.3.2 ”配置 组 件 


添加 组 件 之 后 ， 就 可 以 使 用 “组 件 参 数 ” 面 板 配 置 组 件 了 ， 这 样 它们 才能 显示 想 要 
的 内 容 。 

1. 本 ( 置 CheckBox 

(1) 选中 UI 层 的 第 1 帧 ， 然 后 选择 舞台 上 的 CheckBox 实例 ， 在 属性 面板 上 的 实例 名 称 文本 框 中 输 
人 sweepstakes box。 

(2 ) 单 击 “显示 参数 ”按钮 打开 “组 件 参 数 ”面板 ， 在 Label 文本 框 中 输入 Absolutely!; Label 
Placement 参数 保持 默认 的 Tight ( 右 对 齐 )， 表 示 Label 中 的 内 容 将 和 CheckBox 右边 界 对 齐 。 

(3 ) 勾 选 Selected 参数 右 侧 的 复 选 框 。 这 个 选项 表示 CheckBox 组 件 最 初 状态 是 被 选中 的 还 是 没 被 选 
中 ， 如 图 15-44 所 示 。 

2. 配置 ComboBox 

使 用 ComboBox 组 件 可 以 创建 一 个 简单 的 下 拉 亲 单 。 

(1) 选中 舞台 上 的 ComboBox 组 件 ， 在 属性 面板 上 的 “实例 名 称 ” 文 本 框 中 输入 color box， 如 
图 15-45 所 示 。 


15-4 配置 组 件 


图 15-44 ”CheckBox 的 套数 


图 15-45 ”ComboBox 的 参数 


(2 ) 单 击 “显示 参数 ”按钮 打开 “组 件 人 参数” 面板， 确保 editable 属性 没有 被 选中 。 这 表示 不 允许 
用 户 输 入 其 他 文本 。 

(3 ) 单 击 dataProvider 参数 右 侧 的 铅笔 图 标 加 ， 在 弹出 的 “ 值 ” 对 话 框 中 单 击 左 上 角 的 国 按 钮 ， 添 
加 一 个 新 的 值 及 标签 ， 如 图 15-46 所 示 。 

dataProvider 参数 显示 一 个 用 户 可 选 值 的 列表 。 

(4) 输入 Lightning 作为 第 一 个 值 。 同 样 的 方法 再 添加 两 个 值 , 分 别 为 Cobalt 和 Emerald。 此 时 ,“ 值 ” 
对 话 框 中 的 内 容 如 图 15-47 所 示 。 单 击 “ 确 定 ” 按 钮 关闭 对 话 框 。 


图 15-46 ” 值 窗口 图 15-47 输入 值 的 值 突 口 


(5 ) 在 rowCount ( 行 数 ) 文本 杠 中 指定 窗口 中 要 显示 的 行 数 ， 本 例 设 置 为 3。 此 时 ，ComboBox 组 
件 的 参数 如 图 15-48 所 示 。 

3. 四 0 症 Button 

(1 ) 选中 第 1 帧 中 的 Button 组 件 ， 在 属性 面板 上 的 “实例 名 称 ” 文 
本 框 中 输入 submit btn。 然 后 单 击 “显示 参数 "按钮 打开 ”组 件 参 数 "面板 ， 
在 label 文本 杠 中 输入 Submit。 

(2 ) 选中 第 6 幅 的 Button， 在 “实例 名 称 ” 文 本 框 中 输入 returmn 
btn。 然 后 单 击 “ 显 示 参 数 ” 按 钮 打开 “组 件 参 数 ” 面 板 ， 在 label 文本 
框 中 输入 Returm 。 


15.3.3 ”使 用 脚本 获取 信息 


接 下 来 为 两 个 Button 组 件 编写 图 数 ， 啊 应 鼠标 的 单 击 事件 。 在 编写 具体 的 动作 脚 
本 之 前 ， 先 对 要 用 到 的 实例 做 一 个 总 的 了 解 ， 如 表 15-1 所 示 。 


15-5 使 用 脚本 
表 15-1 实例 列表 获取 信息 
实例 名 称 描 述 
color box 表单 第 一 页 的 ComboBox 
sweepstakes box 表单 第 一 页 的 CheckBox 
submit btn 第 一 页 的 Button， 用 以 提交 信息 
name xm 第 一 页 的 一 个 输入 文本 框 实例 名 称 
email 第 一 页 的 一 个 输入 文本 框 实例 名 称 
Teturm btn 第 二 页 的 Button， 用 以 返回 第 一 页 
name result 第 二 页 的 一 个 动态 文本 框 ， 用 来 显示 用 户 姓 名 
email result 第 二 页 的 一 个 动态 文本 框 ， 用 来 显示 用 户 的 E-mail 地 址 
color result 第 二 页 的 一 个 动态 文本 框 实例 名 称 ， 用 来 显示 用 户 选 择 的 颜色 


sweepstakes result | 第 二 页 的 一 个 动态 文本 框 实例 名 称 ， 根 据 第 一 页 的 CheckBox 是 否 被 选中 ， 显 示 不 同 的 信息 ， 多 行 
(1) 添加 一 个 新 层 ， 命 名 为 Actions。 这 个 层 将 放置 在 整个 影片 运行 期 间 一 直 运 行 的 动作 脚本 。 然 后 
执行 “窗口 ”1 “动作 ” 命令， 打开“ 动作 ”面板 。 
(2 ) 选中 Actions 图 层 的 第 1 帧 ， 在 属性 面板 中 将 帧 命名 为 pgl， 如 图 15-49 所 示 。 此 时 第 1 帧 的 位 


置 将 显示 一 个 红色 的 座 子 和 帧 名 称 。 
(3 ) 打开 “动作 ”面板 ， 在 脚本 窗 格 中 输入 以 下 代码 以 啊 应 Submit 按钮 的 鼠标 单 击 事件 。 


图 15-49 ”指定 第 1 怖 的 名称 


// 定义 变量 ， 分 别 用 于 存放 第 一 页 中 各 个 组 件 的 值 
Var Sweepstakes text:String; 
Var color text:String; 
Var Dame text,email text:String; 
// 注册 Mouse Click 事件 侦 听 器 
submit btn.addEventListener (MouseEvent .CLICK, clickSsubmit); 
// 定义 Mouse Click 事件 处 理 肾 数 
function clicksubmit (event :MouseEvent)}) :void 
{ 
// 根据 复 选 框 的 选择 情况 为 文本 框 赋 予 不 同 的 显示 内 容 
i Isweepstakes Dox.selected=——true}1 
sweepstakes text = “YOU have been entered jin the Stiletto Fantasy sweepstakes. 
Winners are announced at the end of each month.™; 
| 
ls 
sweepstakes text = "Youn have not been entered in the Stiletio Fantasv 
Sweepetakese 
】 
// 存储 combox 中 的 选择 项 
color text=color box-SselLectedItem- label; 
// 存储 动态 文本 框 name xm 的 值 
name text=name xm.text; 
// 存储 动态 文本 框 email 的 显示 内 容 
emall text=email.text; 
// 跳 转 到 第 二 页 
gotoAndstop ("pg2"); 
| 


(4) 右 击 Actions 层 的 第 6 帧 ， 在 弹出 的 快捷 沫 单 中 选择 “转换 为 空 日 关键 帧 ”命令 ， 并 在 属性 
面板 中 将 帆 标 签 命名 为 pg2， 如 图 15-50 所 示 。 此 时 ， 第 6 帆 位 置 将 显示 一 个 红色 的 旗子 和 帧 名 称 ， 如 
图 15-51 所 示 。 


时 间 轴 
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图 15-50 ”指定 第 6 帧 的 和 名称 图 15-51 显示 帧 标签 


(5) 打开 “动作 ”面板 ， 在 脚本 窗 格 中 输入 以 下 代码 以 啊 应 Return 按钮 的 鼠标 单 击 事件 。 


// 指定 动态 文本 框 sweepstakes result 的 显示 内 容 
SWeepstakes result.text=sweepstakes text; 
// 指定 动态 文本 框 color result 的 显示 内 容 

color result.text=color text; 
// 指定 动态 文本 框 name _result 的 显示 内 容 

name result.text=name text; 


// 指定 动态 文本 框 email result 的 显示 内 容 
email result.text =email texts 


// 注册 Mouse Click 事件 侦 听 器 


return btn.addEventListener (MouseEvent .CLICK, ClickReturn})s 


// 定义 Mouse Click 事件 处 理 随 数 


function ClickReturn (event :MouseEvent)}) :void 


{ 
// 跳 转 到 第 一 页 
gotoAndstop ("pgl1"); 
} 


(6) 选中 Actions 层 的 第 1 帆 ， 然 后 在 “动作 ”面板 中 输入 如 下 语句 : 
stop(); 


(7) 执行 “控制 ” | “测试 影片 ”命令 ， 预 览 动画 ， 效 果 如 图 15-36 和 图 15-37 所 示 。 


15.4 答疑 解 惑 


1. ComboBox 组 件 有 什么 功能 ? 

答 : ComboBox 组 件 可 以 添加 可 深 动 的 单 选 下 拉 列 表 。 它 既 可 以 用 于 静态 组 合 框 ， 也 可 以 用 于 创建 
可 编辑 组 合 框 。 项 态 组 合 框 是 一 个 可 滚动 的 下 拉 列 表 ， 用 户 可 以 从 列表 中 选中 项 目 ; 可 编辑 组 合 框 是 一 
个 可 滚动 的 下 拉 列 表 框 ， 用 户 可 以 在 其 上 方 的 输 和 人 文本 字段 中 输入 文本 来 滚动 到 该 列表 的 匹配 沫 单项 。 

2. List 组 件 和 ComboBox 组 件 有 什么 区 别 ? 

答 : 这 两 者 十 分 相似 ， 不 同 之 处 在 于 List 组 件 是 平 铺 深 动 ， 而 ComboBox 组 件 是 单行 下 拉 深 动 。 

3. Button 组 件 实例 具有 焦点 时 ， 如 何 控制 按钮 动作 ? 

答 : Button 组 件 在 禁用 状态 下 ， 不 接收 鼠标 、 键 盘 的 输入 。 如 果 单 击 或 者 切换 到 某 个 按钮 ， 处 于 局 
用 状态 下 的 按钮 会 接收 焦点 。 当 Button 的 实例 具有 焦点 时 , 按 ShifttTab 键 ,可 以 将 焦点 移动 到 前 一 个 对 象 ; 
按 空 格 键 ， 可 以 选中 或 释放 组 件 并 触发 Click 事件 ; 按 Tab 键 ， 可 以 将 焦点 移动 到 下 一 个 对 象 。 


15.5 ”学 习 效 果 自 测 


一 、 选 择 题 
1. 在 “属性 ”面板 的 “参数 ”选项 卡 中 ， 下 面 ( ) 参数 可 以 使 Button 组 件 在 程序 运行 时 成 为 一 
个 切换 开关 按钮 ， 即 在 按 下 后 保持 按 下 状态 ， 和 耳 到 再 次 按 下 时 才 返 回 到 弹 起 状态 。 
A. toggle B. label C. labelPlacement D. 1con 
2. 使 用 RadioButton 组 件 时 ， 在 “属性 ”面板 的 “参数 ”选项 卡 中 ， 对 下 面 〈 ) 参数 进行 设置 可 


\ 
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以 指定 按钮 上 标签 文本 的 方 癌 。 


A. data B. groupName C. label D. labelPlacement 
3. 同时 具有 水 平和 垂下 深 动 条 的 窗口 的 组 件 是 ( )。 
A. ScrollBar B. ListBox C. ComboBox D. ScrollPane 
4. 添加 可 滚动 的 单 选 和 多 选 下 拉 沫 单 的 组 件 是 上 
A. ComboBox B. ListBox C. ScrollBar D. ScrollPane 
5. 下 面 关 于 组 件 的 叙述 ， 正 确 的 是 ( 
A. 图 形 元 件 不 能 转化 为 组 件 B. 组 件 是 影片 剪辑 元 件 的 一 种 派生 形式 
C. 组 件 是 定义 了 参数 的 影片 剪辑 D. 以 上 都 对 
二 、 填 空 题 
1. 组 件 是 市 参数 的 8 
2. Animate CC 2018 中 的 组 件 分 为 和 两 种 类 型 。 
3. 在 Animate CC 2018 中 ， 要 回 文 档 中 添加 组 件 ， 只 需 在 面板 中 单 击 组 件 ， 并 将 其 拖 
入 文档 即 可 。 
4. 选择 ComboBox 组 件 实例 ， 打 开 属 性 和 面板， 单 击 后 面 的 按钮 ， 在 弹出 的 “ 值 ” 面 板 


中 可 以 o 


@OOS 


本 章 介 绍 制作 一 个 实时 钟 的 具体 制作 步骤 ， 包 括 制作 图 形 元 件 、 
影片 剪辑 和 动态 文本 。 虽 然 制作 方法 不 难 ， 但 综合 性 较 强 ， 读 者 在 学 
习 的 时 候 不 仅 要 学 习 制 作 方法 ， 更 要 学 习 制作 思路 。 作 为 本 书 的 最 后 

一 章 ， 基 础 知识 在 前 面 的 章节 中 都 讲解 了 ， 而 具体 的 操作 还 需 读者 勤 } 
加 练习 ， 多 想 多 做 ， 这 样 才 能 不 断 创 新 ， 制 作出 独 具 风 格 的 动画 。  ”} 


好 使 用 Date 对 傅 获 取 当 前 日 期 和 时 间 . 


16.1 实例 效果 


本 实例 制作 一 个 实时 钟 ， 可 以 实时 显示 年 、 月 、 日 、 星 期 ， 并且 用 两 种 方式 显示 时 、 分 、 秒 ， 效 果 
如 图 16-1 所 示 。 
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实时 钟 


图 16-1 实时 钙 效 果 


16.2 设计 思路 


首先 创建 一 个 空白 的 Animate CC 2018 文档 ， 设 置 舞 台大 小 和 颜色 ， 然 后 使 用 绘图 工具 绘制 钟表 的 
外 观 图 形 元 件 和 表 针 元 件 ， 使 用 传统 补 间 动 画 制作 表 针 的 走动 动画 。 

接 下 来 将 实时 钟 的 表盘 、 刻 度 和 指针 整合 成 实时 钟 影片 剪辑 放置 在 舞台 上 ， 并 使 用 Date 对 象 获取 当 
前 时 间 信息 ， 并 根据 时 间 实 时 调整 表 针 的 位 置 。 

最 后 添加 动态 文本 框 实例 ， 使 用 Date 对象 获 取 当 前 日 期 、 时 间 信息 ， 并 实时 显示 在 文本 框 中 。 


16.3 制作 步 又 
本 实例 对 实时 钟 的 各 个 组 成 部 分 分 别 进行 讲解 ， 制 作 步 又 如 下 。 
16.3.1 制作 表盘 


(1 ) 新 建 一 个 ActionScript 3.0 文件 ， 背 景 颜 色 为 #000066。 16-1 制作 表 强 
(2) 执行 “插入 ”| “新 建 元 件 ” 命 令 ， 人 刨 建 一 个 影 乒 剪辑 用 于 放置 钟 面 ， 名 称 为 face。 进 入 元 件 
编辑 窗口 ， 将 当前 层 重 命名 为 back， 然 后 在 第 1 帧 绘制 一 个 小 圆 和 一 个 大 圆 ， 如 图 16-2 所 示 。 


小 圆 的 圆心 一 定 要 与 face 影片 剪辑 的 舞台 注册 点 (0, 0 ) 对 齐 , 大 圆 的 图 心 也 以 (0, 0 ) | 
”注意 为 圆 点 。 可 以 通过 “信息 ”面板 调整 圆心 位 置 。 
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(3 ) 在 face 影片 剪辑 中 ， 添 加 一 个 新 的 图 层 ， 合 名 为 glass。 在 这 一 层 绘制 一 个 如 图 16-3 所 示 的 圆 ， 
与 back 层 的 大 圆 重 合 ， 采 用 线性 渐变 方式 填充 。 这 两 层 羞 加 在 一 起 的 效果 如 图 16-4 所 示 。 


图 16-2” ”back 层 效 果 图 16-3 glass 层 效果 图 16-4 又 加 效果 


(4) 单 击 “ 新 建 图 层 ” 按 钮 ， 添 加 一 个 图 层 ， 重 命名 为 number。 在 这 一 层 使 用 “文本 工具 ”添加 


12 点 、3 点 、6 点 、9 点 四 个 静态 文本 框 。 注 意 调 整 它 们 的 位 置 ， 使 它们 位 于 大 圆 环 之 内 ， 如 图 16-5 

所 示 。 

提示 : 
吕 。 i 为 便于 调整 位 置 ， 可 以 使 用 辅助 线 定位 。 


(5 ) 单 击 “新 建 图 层 ” 按 钮 ， 新 建 一 个 图 层 ， 重 命名 为 point。 在 这 一 层 活 加 其 他 的 整 点 标志 ， 每 
个 者 是 一 个 静态 文本 框 。 按 如 图 16-6 所 示 的 布局 放置 它们 。 


图 16-5 添加 四 个 文本 框 图 16-6 添加 其 余 的 变 本 框 
(6 ) 单 击 编辑 栏 上 的 “返回 ”按钮 返回 主场 景 。 
16.3.2 ”制作 表 针 


1. 制作 时 针 、 分 针 和 秒针 的 图 形 元 件 1 

(1) 按 Ctrl + F8 键 创建 一 个 图 形 元 件 , 命 名 为 HourArm。 在 元 件 编辑 窗口 ,使 用 “ 乍 ” 16-2 制作 表 针 
形 工具 ” -a -个 无 边线 的 矩形 ， 然 后 使 用 “部 分 选取 工具 ”调整 图 形 ， 制 作 如 图 16-7 
所 示 的 时 针 ， 注 意 时 针 下 边线 的 中 点 坐标 是 (0，0)， 通 过 “信息 ”面板 设置 。 

(2 ) 按 Ctrl + F8 键 创建 de 命名 为 MinutesArm。 在 元 件 编辑 窗口 ， 使 用 第 (1 ) 步 同样 
的 方法 制作 如 图 16-8 所 示 的 分 针 ， 注 意 分 针 下 边线 的 中 点 坐标 是 40，0 )。 

(3 ) 按 Ctrl + F8 键 创建 opty 命名 为 SecondsArm。 在 元 件 编辑 窗口 ， 使 用 和 矩形 工具 绘制 
如 图 16-9 所 示 的 秒针 ， 注 意 秒针 下 边线 的 中 点 坐标 是 (0，0 )。 


图 16-7 时 针 图 16-8 分 针 图 16-9 ” 秘 针 


2. 制作 时 针 转 动 的 影片 剪辑 

(1) 按 Ctrl + F8 键 创建 一 个 影片 剪辑 ， 命 名 为 Hr。 选 中 第 1 帧 ， 从 “ 库 ” 面 板 中 拖 人 一 个 
HourArm 图 形 元 件 。 指 针 的 下 边线 的 中 点 位 于 Hr 影片 剪辑 的 (0，0 ) 处 。 然 后 使 用 “任意 变形 工具 ” 
单 击 实例 ， 然 后 将 实例 的 变形 点 拖 放 到 指针 的 下 边线 中 点 。 

(2 ) 右 击 第 11 帧 ， 在 弹出 的 快捷 某 单 中 选择 “转换 为 关键 帧 ”命令 。 
然后 执行 “修改 ”1 “变形 ”| “缩放 和 旋转 ”命令 ， 在 弹出 的 对 话 框 中 设 
置 旋转 角度 为 60， 如 图 16-10 所 示 。 

(3 ) 按照 第 (2 ) 步 同 样 的 方法 ， 依 次 将 第 21 帆 、31 帆 、41 帆 、51 帧 
和 第 60 帧 转换 为 关键 帧 ， 并 分 别 旋转 60”。 图 16-10 ”设置 旋转 角度 

(4) 右 击 第 1~11 帧 之 间 的 任意 一 帧 ， 在 弹出 的 快捷 全 单 中 选择 “创建 
传统 补 间 ”命令 ; 同样 的 方法 ， 在 其 他 两 个 关键 帧 之 间 创 建 传统 补 间 ， 此 时 的 时 间 轴 如 图 16-11 所 示 。 单 
击 “ 绘 图 纸 外 观 ” 工 具 ， 可 以 看 到 时 针 旋转 一 周 的 效果 ， 如 图 16-12 所 示 。 


(5 ) 选中 第 1 帧 ， 打开“ 动作” 面板， 在 第 1 帧 添加 如 下 的 语句 : 


stop(); 


这 样 ， 初 始 时 ， 时 针 不 会 转动 。 

3. 制作 分 针 转 动 的 影片 剪辑 

(1 ) 按 Ctrl + F8 键 创建 一 个 影片 剪辑 ， 命 名 为 Min。 在 第 1 帧 拖 入 一 个 MinutesArm 图 形 元 件 ， 指 
针 的 下 边线 中 点 位 于 Min 影片 剪辑 的 (0,， 0 ) 处 。 然 后 使 用 “任意 变形 工具 ” 单 击 实例 ， 然 后 将 实例 的 
变形 点 拖 放 到 指针 的 下 边线 中 点 。 

(2 ) 右 击 第 31 帧 ,在 弹出 的 快捷 沫 单 中 选择 “转换 为 关键 帧 ”命令 插 和 人 关键 帧 。 然 后 打开 “变形 ” 面 
板 ， 将 第 31 帧 的 实例 旋转 180。 ， 如 图 16-13 所 示 。 


(3 ) 按照 第 (2 ) 步 同 样 的 方法 将 第 60 帧 转换 为 关键 帆 ， 
如 图 16-14 所 示 。 


图 16-13 设置 第 31 帧 的 旋转 角度 图 16-14 设置 第 60 帧 的 旋转 角度 


(4) 右 击 第 1~31 帧 之 间 的 任意 一 巾 ， 在 弹出 的 快捷 六 单 中 选择 “创建 传统 补 
间 命令; 同样 的 方法 ,在 第 31~60 帧 之 间 创 建 传统 补 间 。 单 击 “ 绘 图 纸 外 观 ” 按 钮 ， 
可 以 看 到 分 针 旋 转 一 周 的 效果 ， 如 图 16-15 所 示 。 

(5 ) 选中 第 1 帆 , 打开 “动作 ”面板 ， 添 加 如 下 代码 : 


stop(); 
图 16-15 影 月 剪辑 Min 


4. 制作 秒针 转动 的 影片 剪辑 

(1 ) 按 Ctrl + F8 键 创建 一 个 影片 剪辑 ， 命 名 为 Sec。 在 第 1 帧 拖 入 一 个 SecondsArm 图 形 元 件 ， 指 
针 的 下 边线 中 点 位 于 Sec 影片 剪辑 的 (0,，0 ) 处 。 然 后 使 用 “任意 变形 工具 ” 单 
击 实例 ， 将 实例 的 变形 点 拖 放 到 指针 的 下 边线 中 点 。 

(2 ) 按 住 Ctrl 键 分 别 单 击 第 31 帧 、 第 51 帧 和 第 60 帧 ， 然 后 右 击 ， 在 弹出 的 
快捷 菜单 中 选择 “转换 为 关键 帆 ” 命 令 ， 分 别 插入 关键 帆 。 

(3 ) 打开 “变形 ”面板 ， 将 第 31 帧 的 实例 旋转 180”， 将 第 51 帧 的 实例 旋转 
300” , 将 第 60 帧 的 实例 旋转 354° , 然后 在 相 邻 的 两 个 关键 帧 之 间 创 建 传统 补 间 。 
打开 绘图 纸 外 观 工具 的 效果 如 图 16-16 所 示 。 图 16-16 影片 商 辑 Sec 


16.3.3 ”制作 Clock 影片 剪辑 


前 面 已 制作 实时 钟 的 表盘 、 刻 度 和 指针 ， 本 方 将 这 些 组 成 部 分 整合 成 实时 钟 影 
片 甬 辑 。 Ph 
(1) 按 Ctrl + F8 键 创 建 一 个 影片 剪辑 ， 命 名 为 Clock。 将 当前 层 的 名 称 修改 16-3 制作 Clock 侣 片 
为 Clock backsground。 然 后 在 第 1 帆 拖 入 一 个 元 件 face， 使 图 形 实 例 的 中 心 点 位 于 筋 辑 
坐标 为 (0，0 ) 的 位 置 ， 如 图 16-17 所 示 。 

(2 ) 添加 实例 。 插 入 一 个 新 层 ， 命 名 为 Seconds， 从 “ 库 ” 面 板 中 拖 动 一 个 Sec 影片 剪辑 到 舞台 ， 放 
置 在 坐标 为 (0，0 ) 的 地 方 ， 然 后 在 属性 面板 上 指定 实例 名 称 为 Seconds。 

(3 ) 插入 一 个 图 层 ， 命 名 为 Minutes， 从 “ 库 ” 面 板 中 拖 动 一 个 Min 影片 剪辑 到 舞台 上 ， 放 置 在 坐标 
为 (0, 0) 的 地 方 ， 然 后 在 属性 面板 上 指定 实例 名 称 为 Minutes。 

(4) 插入 一 个 图 层 ， 命 名 为 Hours， 从 “ 库 ” 面 板 中 拖 动 一 个 于 影片 剪辑 到 舞台 上 ， 放 置 在 坐标 为 


(0，0 ) 的 地 方 ， 然 后 在 属性 面板 上 指定 实例 名 称 为 Hours。 


本 | 
串 


守 瞳 蒜 闪 囊 出 


图 16-17 实例 位 置 图 16-18 Clock 的 针 观 


16.3.4 ”获取 时 间 信 和 忠 


本 市 将 使 用 Date 对 象 获取 当前 时 间 信 息 ， 并 根据 时 间 实 时 调整 表 针 的 位 置 。 

(1) 回 到 主场 景 ， 按 Ctrl + 工 键 打开 “ 库 ” 面 板 ， 拖 动 一 个 Clock 影片 毅 答 的 
实例 到 舞台 上 ， 然 后 在 属性 面板 上 指定 实例 名 称 为 Clock。 

(2 ) 在 图 层面 板 左 下 角 单 击 “ 新 建 图 层 ” 按 钮 ， 新 建 一 个 图 层 ， 重 命名 为 
Actions。 然 后 打开 “动作 ”面板 ， 在 脚本 答 格 中 键入 如 下 代码 : 


// Enter Frame 事件 
addEventListener (Event .ENTER FRAME, showTime); 
// 定义 Enter Frame 事件 处 理 函 数 
function showTime (event :Event) :void 
| 

// 获取 时 间 信 息 ， 并 存储 在 变量 MyDate 中 

Var MyDate:Date = new Date () 7 
// 给 变量 赋值 

Var hour:int = MyDate .getHours () ， 

Var minute:int = MyDate.getMinutes (); 

Var second:int = MyDate.getSeconds (}); 
// 计算 时 针 位 置 

if (hour > 11) 

{ 

hour = hour-l12} 

} 

hour = hour*os; 

Var movement :Number = minute/l12; 

hour = int (hourtmovement); 
// 移动 时 针 

CocKkK.HouTrs .gotoaAnadsSstop (ouT) + 1; 

// 移动 分 针 

Clock.Minutes.gotoAndstop (minute) + 1;}; 

// 移动 秒针 


Clock.Seconds.gotoAndStop(second) + 1; 


Date 是 Animate CC 2018 预定 义 的 对 象 ， 使 用 new 操作 符 建立 一 个 Date 类 型 的 变量 MyDate， 并 调 
用 Date 对 象 的 成 员 国 数 getHours 、getMinutes ,getSeconds 得 到 系统 当前 的 时 间 ,然后 计算 出 相应 的 角度 数 。 


Clock.Hours.gotoAndstop(hour) + 1; 
Clock.Minutes .gotoAndstop (minute) + 1; 
Clock.sSeconds.gotoAndSstop(second} + 1; 


之 所 以 还 要 加 1， 是 因为 第 一 帧 相当 于 0。 
16.3.5 显示 动态 时 间 


本 节 将 添加 一 个 静态 文本 框 显示 静态 文本 ， 添 加 两 个 动态 文本 框 ， 用 于 实时 显 
示 使 用 Date 对 象 获取 的 当前 日 期 和 时 间 。 16 5 村 不 而 而 内 问 

(1) 在 主 时 间 轴 中 添加 一 个 新 图 层 ， 命 名 为 info。 使 用 绘图 工具 箱 中 
的 “文本 工具 ”添加 一 个 静态 文本 框 ， 设 置 字体 为 “华文 行 楷 ”， 大 小 为 
40， 颜 色 为 黄色 ， 输 入 如 图 16-19 所 示 的 内 容 。 

Date 类 型 除了 可 以 得 到 小 时 、 分 、 秒 的 值 ， 还 可 以 得 到 月 、 日 、 年 。 
下 面 就 添加 这 些 信息 。 

(2 ) 在 主 时 间 轴 中 添加 一 个 新 层 ， 命 名 为 day。 人 然后 使 用 “文本 工具 ” 
添加 两 个 动态 文本 框 ， 在 属性 面板 上 分 别 指定 实例 名 称 为 currentdate 和 year， 属 性 设置 如 图 16-20 所 示 。 


图 16-19 ”添加 文本 框 


4 的 


请 字母 同 距 ; 大小 : 请 字母 间距 : 


颜色 : = 颜色 : 国 国 ” 自动 启 整 手 距 
可 读 性 消除 锅 齿 消除 锯 频 : ”可 语 性 消 际 锯齿 


四 | <*> 国 


图 16-20 ”动态 丸 本 框 的 属性 设置 


(3 ) 单 击 “ 舱 和 人 ”按钮 ,在 弹出 的 “字体 艇 入 ”对 话 框 中 设置 胎 和 字体 的 字符 围 。 注 意 文本 框 的 宽 
度 ， 需 要 进行 适当 调整 ， 如 图 16-21 所 示 。 

(4) 打开 “动作 ”面板 ， 在 影片 剪辑 clock 的 Enter Frame 事件 处 理 函 数 中 ， 最 后 的 “}” 之 前 ， 添 加 
下 面 的 代码 : 


Year.text = String (new Date(}) .getFullYear (}}); 


currentdate.text = String(new Date(}}; 


第 一 行 调 用 Date 对 象 的 getFullYear0 铺 数 ， 得 到 当前 的 年 数 ， 然 后 使 用 String0 函数 将 结果 转换 为 
字符 串 ， 并 且 把 它 赋值 给 文本 框 year 的 text 属性 ， 在 名 为 year 的 文本 框 中 显示 。 
第 二 行 调用 String(new DateO) 图 数 ， 返 回 一 个 字符 串 格 式 的 日 期 值 ， 赋 全 给 文本 框 currentdate 的 


text 属性 。 
至 此 ， 实 时 钟 制作 完成 ! 


—currentdate 


year 


图 16-2] 添加 currentdate 和 year 变 本 框 


(5 ) 按 Ctrlt+Enter 键 查看 影片 效果 ， 如 图 16-1 所 示 。 


ActionScript 3.0 傈 称 为 AS， 是 一 种 面 癌 对 象 的 编程 语言 ， 其 语法 类 似 于 JavaScript， 是 Animate CC 

2018 的 脚本 撰写 语言 。 该 语言 可 以 帮助 用 户 灵 活 地 实现 Animate CC 2018 中 内 容 与 内 容 ， 内 容 与 用 户 之 

间 的 交互 ， 让 应 用 程序 以 非 线 性 方式 播放 ， 并 添加 无 法 以 时 间 轴 表示 的 复杂 的 交互 性 、 数 据 人 处 理 以 及 其 
他 功能 。 


一 、ActionScript 3.0 的 编写 环境 


ActionScript 3.0 的 代 人 码 编 号 有 以 下 两 种 选择 : 

(1) 与 在 单独 的 AS 类 文件 中 ， 再 导 Animate CC 2018 中 的 库 元 件 进行 绑 定 ， 或 百 接 与 Animate CC 
2018 文件 绑 定 ; 

(2 ) 直接 在 关键 帆 上 编写 代 但 。 


二 、 常 用 术语 


为 了 便于 读 洗 理解 后 续 的 内 容 ， 下 面 介 绍 一 些 ActionScript 3.0 中 的 常用 术语 。 


YY 
二 
3 


Ya 
Ya 
Ya 


a 


Actions: 动作 ， 影 片 在 播放 时 发 出 的 命令 声明 。 
Arguments: 参数 ， 也 称 为 变量 ， 通 过 它 可 以 向 函数 传递 数据 。 


Class: 类 ， 定 义 对 象 类 型 的 数据 类 型 。 定义 类 应 在 外 部 脚本 文件 中 使 用 class 关键 字 ， 而 不 能 借 
助 “动作 ”面板 编写 。 

Constants: 常量 ， 数 值 不 变 的 数据 类 型 。 

Constructor: 构造 也 数 ， 用 于 定义 类 的 属性 和 方法 的 通 数 ， 是 类 定义 中 与 类 同名 的 函数 。 


Data Types: 数据 类 型 ， 描 述 变 量 或 动作 脚本 元 率 可 以 包含 的 信息 的 种 类 。 数 据 类 型 包括 字符 串 、 


数值 、 布 尔 值 、 对 角 、 影 片 剪 辑 、 函 数 、 空 值 和 未 定义 。 

Handlers: 事件 侦 听 器 ， 也 就 是 以 前 版 本 中 的 事件 处 理 函 数 。 添 加 事件 侦 听 的 过 程 有 两 步 : 首先 
创建 一 个 事件 侦 听 函数 ， 然 后 使 用 addEventListener( 方法 在 事件 目标 或 者 任何 的 显示 对 象 上 注册 
侦 听 器 函数 。 

Identifiers: 标识 符 ， 为 对 象 、 函 数 、 动 作 等 指定 的 名 称 。 首 字符 必须 是 字母 、 下 画 线 或 者 “$”， 
后 面 的 字符 必须 是 字母 、 数 字 、 下 画 线 或 者 “$ 。 

Instances: 实例 ， 指 对 应 于 一 个 确定 类 的 对 人 象 。 类 的 每 个 实例 均 包 含 该 类 的 所 有 属性 和 方法 。 
Instance Name: 实例 的 名 称 ， 是 脚本 中 用 来 表示 实例 的 唯一 名 称 。 

Keywords: 关键 字 ， 是 有 特殊 含义 的 保留 字 。 不 能 使 用 关键 宁 作 为 标识 符 。 

Methods: 方法 ， 是 与 类 关联 的 函数 ， 用 于 对 一 个 对 和 萌 指定 动 作 。 

Objects: 对象， 是 属性 和 方法 的 集合 。 每 个 对 象 都 有 各 自 的 名 称 ， 并 且 都 是 特定 类 的 实例 。 内 置 
对 凶 是 在 动作 脚本 语言 中 预先 定义 的 。 例 如 ， 内 置 的 Date 对 象 可 以 提供 系统 时 钟 的 信息 。 
Operators: 操作 符 ， 用 来 计算 的 符号 。 

Package: 包 ， 是 位 于 指定 的 类 路 径 目 录 下 ， 包 念 一 个 或 多 个 类 文件 的 目录 。 

Target Pathes: 目标 路 径 ， 是 SWF 文件 中 影片 剪辑 实例 名 称 、 变 量 和 对 象 的 分 层 结构 地 址 。 
Properties: 属性 ， 用 于 定义 对 象 的 特性 。 


Variables: 变量 ， 值 可 以 改变 的 数据 类 型 。 


三 、 语 法 


任何 一 门 编程 语言 在 编 与 代 但 时 部 必须 膛 循 一 定 的 规则 ， 这 个 规则 了 驶 是 语法 。ActionScript 3.0 也 不 
例外 ,具有 变量 、 操 作 符 、 语 句 、 函 数 和 语法 等 基本 的 编程 要 系 ， 在 结构 和 语法 上 与 JavaScript 非常 相似 。 


1. 所 


在 ActionSeript 语言 中 ， 点 运算 符 (.) 用 于 访问 对 象 和 影片 剪辑 的 属性 和 动作 ， 可 以 用 来 添加 影片 
剪辑 和 变量 的 目标 路 径 。 点 语法 表达 式 以 对 象 或 影片 剪辑 的 名 称 开头 ,然后 跟 上 “”, 并 以 需要 添加 的 属性 、 
动作 和 变量 结尾 。 


点 运算 待人 (. ) 主要 用 于 以 下 几 个 方面 。 
(1) 引用 对 象 的 属性 或 方法 。 例 如 : 


// 实例 myclip 的 alpha 属性 
myClip.alpha=50; 

// 实例 clip_1 的 gotoandPlay() 方法 
Clip 1.gotoAndPlay (2); 


(2 ) 表示 包 路 径 。 例 如 : 
import fl.display.ProLoader:; 
(3 ) 描述 显示 对 象 的 路 径 。 例 如 


MovieClip(this.roocot) .myClip.stop(); 


this 持 有 当前 对 旬 的 引用 ， 只 限于 实例 属性 和 实例 方法 ， 第 用 于 以 下 几 个 方面 。 

(1 ) 癌 第 三 方 对 和 象 提供 目 喘 的 引用 。 

(2 ) 与 return 配合 ， 在 尖 方 法 中 返回 目 身 的 引用 。 

(3 ) 与 局 部 变量 、 方 法 参数 、 静 态 属 性 同名 时 ， 加 上 this 关键 字 明 确 指 定 使 用 实例 属性 。 如 于 不 加 
上 this 关键 字 指 定 ， 将 按照 局 部 变量 一 方法 参数 一 实例 属性 一 前 态 属 性 的 顺序 选择 一 个 。 

2. 分 号 


在 ActionScript 中 ,分 号 (; ) 用 于 表示 霹 句 结束 和 循环 中 参数 的 分 隔 。 例 如 : 


Var myNum:Number = 80:， 
Var TInts 
je 
| 
ES 9 


虽然 使 用 分 号 终止 语句 能 够 在 单个 行 中 放置 不 止 一 条 语句 ， 但 是 这 样 做 往往 会 使 代码 难 


以 阅读 。 


3. 小 括号 


括号 通 第 用 于 对 代码 进行 划分 ， 需要 成 对 出 现 。 当 定义 一 个 冰 数 的 时 候 ， 贾 把 有 所 有 的 参数 避 放 置 在 
小 括号 “ 》 中， 否则 不 起 作用 。 例 如 : 


// 定义 函数 


Tunction Bike (Owner:string,.Size:int,color:String} 


{ 
// 函数 体 
} 


在 使 用 函数 的 时 候 ， 该 函数 的 参数 也 只 有 在 小 括号 中 才能 起 作用 。 例 如 : 
Bike( “Good’, 100,” Yellow"™); 
另外 ， 小 括号 还 可 以 改变 运算 中 的 优先 算 级 ， 例 如 : 
var a:int=(1+2)*10; 
4. 大 括号 
在 ActionScript 中 ,使 用 大 括号 f} 可 以 将 ActionScript 3.0 中 的 事件 、 类 定义 和 函数 组 合成 块 。 在 包 、 


类 、 方 法 中 ， 均 以 大 括号 作为 开始 和 结束 的 标记 。 控 制 语 句 (例如 站 .else 或 for) 中 ,利用 大 括号 区 分 不 
同 条 件 的 代码 块 。 例 如 ， 下 面 的 脚本 使 用 大 括号 为 站 语句 区 别 代码 块 ， 避免 发 生 卜 义 。 


Var num: Number:; 


if {num == 0} 
{ 

trace (“输出 为 0”); 
| 


5. 大 写 和 小 写 

在 ActionScript 3.0 中 ,AS 语法 是 区 分 大 小 写 的 。 如 : gotoAndPlay0 拼写 正确 , 而 gotoAndplay0 错误 。 

关键 字 也 是 大 小 写 敏感 的 ， 在 Animate 中 用 户 可 以 很 方便 地 检查 语法 的 拼写 错误 ， 因 为 在 Animate 
的 “动作 ”面板 中 ， 关 键 字 会 显示 为 不 同 的 颜色 ， 如 图 A-1 所 示 。 


button _ covwver. addEwventListener (MouseEwent. CLICK, f] ClickToGoToindPlayFromFranme) : 
function fl1_ClickToGoToAmndPlayFromFrame (event :MouseEvent}) :woid 


MowvieClip (this. parent}. sotoindPlay (2) : 
图 A-1l 和 关键 字 显 示 颜 色 


执行 “编辑 ”|“ 首 选 参数 ”|“ 代 码 编辑 船 ” 命 令 ， 在 打开 的 面板 上 单 击 “修改 文本 颜色 ”按钮 ， 在 
弹出 的 对 话 框 中 可 以 目 定 义 关键 字 的 显示 颜色 ， 如 图 A-2 所 示 。 


图 A-2 “代码 编辑 器 文本 颜色 ”对 话 框 


区 / 


6. 注释 
注释 是 使 用 一 些 简单 多 虱 的 语言 对 代码 进行 侧 单 的 解释 的 方法 ， 用 于 辅助 阅读 代码 。 注 释 语句 在 编 


过 程 中 对 代码 执行 没有 影响 。ActionScript 3.0 中 的 注释 语句 有 两 种 : 单行 注释 和 多 行 注释 。 
单行 注释 以 两 个 单 斜 杜 (//) 开始 ， 之 后 的 该 行内 容 均 为 注释 。 例 如; 


// 这 个 是 注释 ， 
Var displavyTotal:; 
stop(); 


多 行 注释 ( 又 称 


但 是 只 能 有 一 行 
// 显示 得 分 
// 停止 播放 


“ 块 注释 ”) 使 用 尺 开 始 ， 之 后 是 注释 内 容 ， 以 */ 结束 ， 通 第 用 于 多 行 注释 内 容 。 


/* 这 个 也 是 注释 ,可 以 写 很 多 行 */ 

/* 单 击 以 转 到 帧 并 播放 

单 击 指定 的 元 件 实例 会 将 播放 头 移动 到 时 间 轴 中 的 指定 帧 并 继续 从 该 帧 回放 。 
可 在 主 时 间 轴 或 影片 筋 辑 时 间 轴 上 使 用 。 


本 


7. 保留 字 
保留 字 ， 是 保留 给 ActionScript 3.0 语言 使 用 的 英文 单词 ， 


因而 不 能 使 用 这 些 单词 作为 变量 、 实 例 、 


类 名 称 等 。 如 采 在 代码 中 使 用 了 这 些 单词 ， 编 详 船 会 报错 。 
ActionScript 3.0 中 的 保留 字 分 为 三 类 : 词汇 关键 字 、 语法 关键 字 和 为 将 来 预 留 的 词 , 如 表 A-1~ 表 A-3 


所 未 。 


function 
nstanceof 
Dew 
public 
throw 


USC 


each 
dynamic 


abstract 
debuggerT 
goto 
synchronized 
virtual 


表 A-l 词汇 关键 字 ( 共 45 个 ) 


CT TE 
Err TE 
CR TT TT 
Rs 
mm 
op 
Cr TE TT 


表 A-2 语法 关键 字 ( 共 10 个 ) 


rE CE Ta 


表 A-3 为 将 来 预 留 的 词 ( 共 22 个 ) 


Ee 
i 
ve 
| | 


在 上 默认 情况 下 ， 保 留 字 在 脚本 中 显示 为 蓝 色 。 


8. 音量 
常量 是 指 具 有 恒定 不 变 的 数值 的 属性 。ActionScript 3.0 使 用 关键 字 const 声明 笛 量 ， 语 法 格式 如 下 : 


const 利 量 名 : 数据 类 型 ; 
COrnst 冲 重 名 二 芝 忆 关 型 三 但 了 


例如 : 
CONnSt A:uint=28; 


通 钟 ， 稼 量 全 部 使 用 大 与 。 对 于 全 类 型 ， 篆 量 择 有 的 是 值 ; 对 于 引用 类 型 ， 和 常量 持 有 的 是 引用 。 如 
革 试 图 改变 浓 量 的 仁 ， 编 诺 基 怠 会 报错 。 


ActionScript 中 的 全 局 稍 量 如 表 A-4 所 示 。 
表 A-4 ActionScript 中 的 全 局 常量 


分 类 说 明 
Infinity 表示 正 无 穷 大 
-Infinity 表示 负 无 穷 大 
NaN Number 数据 类 型 的 一 个 特殊 成 员 ， 用 来 表示 “ 非 数字 ”(NaN) 值 
undefined 一 个 适用 于 尚未 初始 化 的 无 类 型 变量 或 未 初始 化 的 动态 对 象 属性 的 特殊 值 


变量 是 为 存储 数据 而 创建 的 标识 伯 ， 就 像 是 一 个 容 货 ， 用 于 容纳 各 种 不 同类 型 的 数据 ， 是 组 成 动态 
软件 的 关键 内 容 。 变 量 可 以 是 数值 、 字 符 串 、 人 逻辑 字符 以 及 函数 表达 式 。 对 变量 进行 操作 ， 变 量 的 数据 
就 会 发 生 改 变 。 

1. 声明 变量 

变量 必须 先 声明 后 使 用 , ActionScript 3.0 使 用 var 关键 字 来 声明 变量 ,语法 格式 如 下 : 


var 变量 名 : 数据 类 型 ; 
var 变量 名 : 数据 类 型 = 值 ; 


例如 : 


var X: Number: 


var snd:Sound=new Sound(); 


值 的 类 型 必须 与 声明 的 数据 类 型 一 致 。 
2. 命名 规则 
变量 命名 看 似 简单 却 相 当 重 要 ， 掌 握 行业 内 的 约定 俗 成 规则 不 仅 可 让 代码 符合 语法 ， 更 重要 的 是 可 


增强 代码 的 可 读 性 。 为 变量 命名 时 ， 要 注意 以 下 几 条 规则 。 

钮 尽量 使 用 有 含义 的 英文 单词 或 汉语 拼音 作为 变量 名 。 

所 有 变量 名 必须 是 一 个 标识 符 ， 它 的 第 一 个 字符 必须 是 字母 、 下 画 线 (_) 或 美元 记号 ($ )。 其 后 的 
字符 必须 是 字母 、 数 字 、 下 划 线 或 美元 记号 。 不 能 使 用 数字 作为 变量 名 称 的 第 一 个 字母 。 

钮 采用 骆驼 式 命名 法 命名 变量 。 

所 谓 骆 蓄 式 命名 法 ， 即 第 一 个 单词 全 部 小 写 ， 第 二 个 单词 的 开头 字母 用 大 写 ， 第 三 个 开头 字母 也 是 
大 写 ， 且 中 间 无 空格 ， 例 如 : var myFirstVar。 

NN 变量 名 越 简洁 越 好 ， 描 述 越 清 晰 越 好 。 

NM 变量 名 应 避免 出 现 数字 编号 ， 除 非 远 辑 上 必须 使 用 编号 。 

包 关键 字 、 动 作 脚本 文本 、 系 统 保留 字 、 系 统 的 API 接口 名 不 能 用 作 变 量 名 。 

和 变 量 名 在 其 作用 范围 内 必须 是 唯一 的 ， 不 能 重复 定义 变量 。 

3. 变量 的 默认 值 

ActionScript 允许 声明 变量 不 赋 初 始 值 ， 系 统 会 根据 变量 类 型 给 出 默认 值 。 篆 见 数据 类 型 变量 的 默认 
信 如 下 : 

YM Boolean: false 

YW nt: 0 
YM Number: NaN 
YM Object: null 
MM Strne: null 
NW unt: 0 
NM *: undefined 


二 


- 变量 的 作用 域 

变量 的 作用 域 指 可 以 使 用 或 者 引用 该 变量 的 犯 围 。 近 照 作用 域 的 不 同 ， 变 量 可 以 分 为 全 局 杰 量 和 局 
部 变量 。 全 局 变量 指 在 函数 或 者 类 之 外 定义 的 变量 ， 而 在 类 或 者 函数 之 内 定义 的 变量 为 局 部 变量 。 

全 局 变量 在 代码 的 任何 地 方 虱 可 以 访问 ， 局 部 变量 只 在 定义 的 范围 内 可 访问 。 例 如 下 面 的 代码 ， 骆 
数 TestO 外 声明 的 变量 i 在 函数 体内 可 以 访问 ， 而 函数 体内 声明 的 变量 j 仅 在 图 数 TestO 内 可 访问 。 


var 1:1nt=1s 
// 定义 Test 图 数 


function Test() 
{ 
Var J:1int=2} 
trace (1I) ， 
} 
Test () // 输出 : 1 


五 数据 类 型 


数据 类 型 是 描述 变量 或 动作 脚本 元 素 可 以 存储 的 信息 种 类 。 与 其 他 面 回 对 象 编程 语言 的 数据 拓 型 一 
样 ，ActionScript 3.0 的 数据 类 型 也 分 为 两 类 。 

和 基 元 型 数据 类 型 . Boolean、int、Number、String 和 uint。 

复杂 型 数据 类 型 . Array、Date、Error、Function、RegExp、XML 和 XMLList。 

一 般 来 说 ， 基 元 值 的 处 理 速 度 通常 比 复杂 值 的 处 理 速 度 要 快 。 


基 元 型 数据 和 复杂 型 数据 类 型 的 最 大 的 区 别 是 : 基 元 型 数据 类 型 都 是 值 对 类 型 数据 ， 直 接 存 储 数据 ， 
为 妨 一 个 变量 赋值 之 后 ， 厂 为 一 个 变量 改变 ， 并 不 影响 原 变 量 的 值 ; 而 复杂 型 数据 都 是 引用 类 型 数据 ， 
指向 要 操作 的 对 象 ， 男 一 个 变量 引用 这 个 变量 之 后 ,着 男 一 变量 发 生 改 变 ， 原 有 的 变量 也 随 之 发 生 改变 。 


1. 布尔 值 
布尔 值 用 于 条 件 判 断 表 示 真 假 ， 通 常 与 运算 符 一 起 使 用 。 布 尔 值 有 两 个 值 : true 或 者 false， 默 认 值 
为 false。 例 如 ， 在 下 面 的 脚本 中 ， 如 条 变量 password 为 tue， 则 会 播放 影片 : 


if (userName == true && password == 七 TUE) | 
firstclip.play(); 
} 


2. 数值 
对 于 效 介 类型，ActionScript 3.0 包含 以 下 3 种 特定 的 数据 类 型 : 
和 Number: 64 位 浮 点 值 ， 包 括 有 小 数 部 分 和 没有 小 数 部 分 的 值 。 


NaN 是 Not a Number ( 不 是 一 个 数 ) 的 缩写 ， 是 Number 数据 类 型 的 一 个 特殊 成 员 ， 用 | 
来 表示 “ 非 数字 ” 值 。 


NN int: 有 符号 的 32 位 整数 型 ， 数 值 范围 : -2 ~ 上 + (2 -1 )。 
Suint: 一 个 无 符号 的 32 位 整数 型 ， 即 不 能 为 负数 的 整数 。 数 值 范围 : 0~2 一 1。 
在 使 用 数 信 类 型 时 ， 要 特别 注意 整数 型 的 边界 ， 否 则 会 得 不 到 预期 结果 。 


使 用 数值 类 型 应 当 注 意 以 下 事项 : 
; 《1) 能 用 整数 值 时 优先 使 用 int 和 uint。 
提示 ， |; ”(2) 如 果 整 数值 有 正 负 之 分 ， 使 用 int。 
心 (3 ) 如 果 只 处 理 正 整数 ， 优 先 使 用 uint。 
| (4) 处 理 和 颜色 相关 的 数值 时 ， 使 用 uint。 
; (5 ) 有 或 可 能 有 小 数 点 时 使 用 Number。 
| (6) 整数 数值 运算 涉及 到 除法 ， 建 议 使 用 浮 点 值 。 
3. 字符 串 
字符 串 是 由 字母 、 数 字 、 空 格 或 标点 符号 等 字符 组 成 的 序列 。 字 符 串 应 该 放 在 单 引号 或 双 引号 之 间 ， 
可 以 在 动作 脚本 语句 中 输入 它们 。 如 果 字 符 串 没 有 放 在 引号 之 间 ， 它 们 将 被 当 作 变 量 处 理 。 


下 面 是 声明 字符 串 的 例子 : 
var a:Strings // 声明 一 个 字符 串 变 量 ， 此 时 未 定 头 ， 上 默认 为 nul1 
Wap rn // 再 明 一 个 字符 串 变 量 并 赋值 
Tt eh a // 声明 一 个 空 字 符 串 


在 字符 串 中 ， 除 了 可 以 包含 空格 ， 还 可 以 包含 一 些 看 不 见 的 字符 ， 例 如 换行 待 (wn)、 回 | 
车 符 (Ww)、 制 表 符 (\t)、 转 义 符 () 等 。 如 果 字符 串 中 包含 双 引 号 、 单 引号 或 反 斜 杠 符号 ， 则 
需要 使 用 对 应 的 转 义 符 : ”( 双 引号 )、( 单 引号 )、\( 反 斜 杠 符号 )。 


一 个 字符 串 包括 的 字符 总 数 称 为 字符 串 的 长 度 。 在 As 中 可 以 使 用 字符 串 变 量 的 length 属性 得 到 字 
从 串 的 长 度 。 例 如 : 


var stringsample:Sstring="this is an apple;: 


var stringLength:Number=stringSample. length; 
trace(stringLength}); //16 


4. 数组 

一 组 数据 的 集合 称 为 数组 ， 数 组 最 多 容纳 ( 2 一 1 ) 个 元 素 ， 默 认 值 为 空 值 null。 

ActionScript 3.0 中 ， 数 组 是 以 非 负 整数 为 案 引 的 稀 玖 数组 ， 存 人 其 中 的 元 素 可 以 不 是 同一 类 型 。 数 
组 的 再 明 格式 如 下 : 


ee // 声明 一 个 数组 ， 未 定义 初始 值 ， 默 认为 null 

Var myArray:Array=new Array(); // 声明 一 个 数组 ， 定 义 初始 值 输出 为 空 日 , 但 不 是 nul1 
Var myArray:Arravy=|[ ]:， // 同上 例 

Var myArray:Array=new Arravy(L，2，31) 7 // 再 明 一 个 数组 ， 并 定义 初始 值 

Var myArray:Array=[1, 2, 3]; // 同上 例 

var mvArrayv :Arrav= new Arrav {el); // 定义 一 个 长 度 为 6 的 数组 ， 此 时 每 个 元 素 为 空 


每 一 个 元 素 都 用 一 个 数字 代表 所 处 的 位 置 ， 该 数字 叫 索 引 。 数 组 包 售 数据 的 个 效 称 为 长 度 。 在 已 知 
元 素 位 置 的 情况 下 ， 可 以 用 数组 运算 符 口 访问 数组 元 系 ， 使 用 length 属性 得 到 数组 长 度 。 例 如 : 
Var ImYATrTraYy:IArTay=[]，2，3，4，252，6]:， 


trace (myArravy[3]); /4 
trace (myArray. length).;} / /6 


5. 对 象 
面向 对 象 编 程 ， 是 将 程序 看 成 一 个 个 不 同 功能 的 部 件 在 协同 工作 。Class ( 类 ) 用 于 描述 这 些 部 件 的 
数据 结构 和 行为 方式 ，Object ( 对 象 ) 是 为 类 创建 的 实例 ， 就 是 这 些 具体 的 部 件 。 


ActionScript 中 的 对 象 可 以 是 数据 ， 也 可 以 是 图 像 ， 或 舞台 上 的 影片 甬 辑 。 对 象 可 以 拥有 两 种 成 员 : 
目 身 的 属性 ( 变量 ) 和 方法 ( 函数 )。 属 性 ( Property ) 用 于 存放 各 种 数据 ; 方法 ( Method ) 用 于 存放 困 
数 对 篆 。 

对 象 可 以 作为 属性 的 集合 来 使 用 ， 每 个 属性 部 有 名 称 ( 称 为 键 (Key )) 和 对 应 的 但 ( Value )。 属 性 
的 值 可 以 古 任 何 数据 类 型 ， 甚 至 是 对 象 数 据 类 型 。 因 此 对 象 可 以 相互 包含 或 散 套 。 

ActionScript 中 使 用 图 数 来 定义 类 ， 这 种 图 数 称 为 构造 图 数 ， 语 法 结构 如 下 : 


function 半 名 1 
// 神态 属性 
// 前 态 方法 
// 实例 属性 
// 实例 方法 


静态 属性 和 表态 方法 的 关键 字 是 static。 使 用 static 声明 销量 时 必须 赋 人 但。 静态 属性 存储 所 有 对 象 共 
同 的 状态 ， 与 任何 实例 都 没有 关联 ; 静态 方法 也 独立 于 所 有 实例 。 在 类 中 ， 可 以 直接 使 用 静态 属性 和 项 


人 态 方 法 名 访问 。 要 访问 其 他 类 的 属性 或 方法 ， 必 须 使 用 类 名 加 点 运算 特 (. ) 加 属性 名 或 方法 名 。 

实例 属性 用 于 描述 对 象 的 状态 ， 以 变量 的 形式 存在 ; 实例 方法 用 于 描述 实例 的 行为 ， 以 函数 的 形式 
定义 在 类 中 。 必 须 先 创建 实例 ， 才 能 使 用 实例 加 实例 属性 或 者 实例 方法 的 名 子 来 访问 。 可 以 使 用 操 运 算 
件 “.” 或 者 数组 运算 生 “[]” 访 问 实例 成 员 。 

构造 冰 数 用 于 创建 和 删除 对 象 ， 构 造 函 数 名 必须 与 类 名 相同 ， 可 以 有 参数 ,但 是 不 能 声明 返回 值 。 


下 面 的 示例 代码 定义 一 个 Ball 类 : 


function Ball () i{ 

// 里 面 是 空 的 

} 

var myBall:Object = new Ball();  // 实例 化 对 象 myBall 


构造 对 象 时 ， 还 可 定义 属性 ， 例 如 : 


function Ball (radius, color, xPosition, VPosition) { 
this.radius = radius; 

下 加 

this.xPosition = XPosition; 

this.yPosition = YPosition; 

} 

myBall] = new Ball(6，0x00FF00，145，200); // 实例 化 对 象 myBall 


6. 影片 剪辑 

相对 于 基 元 数据 类 型 而 言 ， 人 简单 的 复杂 数据 类 型 由 基 元 数据 类 型 构成 ， 稍 微 复杂 的 数据 类 型 其 构成 
元 素 本 身 就 是 复杂 数据 类 型 ， 更 高 级 的 复杂 数据 类 型 ， 本 喘 能 够 处 理 一 些 事 情 ， 比 如 目 定 义 的 类 、 影 片 
甬 辑 等 。 

影片 剪辑 是 Animate 影片 中 可 以 播放 动画 的 元 件 ， 它 们 是 唯一 引用 图 形 元 率 的 数据 类 型 。 影 族 筋 辑 
数据 类 型 使 用 MovieClip 对 象 的 方法 控制 影片 甬 辑 元 件 。 

在 这 里 需要 说 明 的 是 ， 在 ActionScript 2.0 中 创建 影片 剪辑 时 广泛 使 用 的 duplicateMovieClipO、 
attachMovieClip0 函数 在 ActionScript3.0 中 已 经 被 去 择 。 现 在 要 实现 相同 的 效果 , 需要 从 库 中 建立 类 链接 ， 
然后 使 用 new 语句 创建 该 类 的 实例 ， 实 现 类 似 于 复制 的 效果 。 

7. 无 类 型 说 明 符 

ActionScript 3.0 引信 三 种 特殊 类 型 的 无 类 型 说 明 符 : *，void 和 mnull。 

] 下 过 

该 说 明 符 用 于 指定 属性 是 无 类 型 的 ， 与 不 使 用 类 型 声明 等 效 。 主 要 用 于 两 方面 : 将 数据 类 型 检查 延 
组 到 运行 时 、 将 undefined 存储 在 属性 中 。 例 如 : 


war A val lle // 定义 无 类 型 变量 
人 // 同上 


2 ) void 
该 说 明 符 用 于 说 明 函数 不 返回 任何 值 ， 仅 用 于 声明 函数 的 返回 类 型 ， 只 有 一 个 值 ， 即 undefined。 


3 ) null 

该 说 明 符 表示 一 个 没有 值 的 特殊 数据 类 型 ， 不 与 任何 类 相关 联 ， 不 可 用 作 属 性 的 类 型 注释 。 只 有 一 
个 值 : null。null 数据 类 型 用 来 表明 变量 或 图 数 还 没有 接收 到 值 ， 或 者 变量 不 再 包含 值 。 作 为 图 数 的 一 个 
参数 时 ， 表 明 省 略 了 一 个 参数 。 

Array、Object 和 其 他 Flash Player 内 置 类 或 者 目 定 义 类 的 默认 全 都 是 null。 


7 运算 人 符 

运算 符 (Operator ) 是 能 够 提供 对 数值 、 字 符 串 和 逻辑 值 进行 运算 的 关系 符号 。 运 算 符 必须 有 运算 对 
象 ( 操作 数 ) 才 可 以 进行 运算 。 运 算 符 本 身 是 一 个 特殊 的 图 数 ， 运 算 对 象 是 它 的 参数 ， 运 算 结果 是 它 的 
返回 值 。 

1. 算术 运算 符 

算术 运算 符 常 用 于 进行 数值 (或 值 为 数字 的 变量 ) 运算 。ActionScript 中 常用 的 算术 运算 符 如 表 A-5 
所 示 。 

表 A$ 算术 运算 符 


操作 符 示例 (a:int=1,b:int=2,c:Boolean=true) 
+ 加 法 atb //5 
+ | 和 lav 
,| 本 lw 3 
% a%b //]l 
J 目 加 2 
自 减 b-- Nl 


要 求 反 €¢ /false 


求 模 运算 符 (% ) 就 是 数学 中 的 除法 取 余 数 ， 如 果 模 运算 的 运算 对 象 不 是 整数 ， 可 能 出 现 一 些 意外 
的 小 数 。 

求 反 运 算 符 ( - ) 就 是 在 运算 对 象 前 面 加 上 一 个 负 号 。 负 负 得 正 ， 负 正 得 负 。 

使 用 算术 运算 符 要 注意 : 表达 式 的 运算 按 顺 序 执行 ， 括 号 中 的 内 容 优先 级 最 高 ， 最 先 计 算 ， 然 后 进 
行 乘除 运算 ， 最 后 才 进 行 加 减 运 算 。 

2. 赋值 运算 符 

赋值 运算 符 (= ) 将 右边 的 值 赋值 给 左边 的 变量 。 等 号 左边 必须 是 一 个 变量 ， 不 能 是 基 元 数据 类 型 ， 
也 不 能 是 没有 声明 的 对 象 引 用 。 例 如 : 


Var a:Number=5; 
this.width= 300; 


赋值 运算 符 是 =， 等 于 运算 符 是 一， 注意 不 要 混 清 。 而 且 赋 值 运算 竺 支持 多 变量 赋值 ，、 
例如 a=b=c=d=2， 则 四 个 交 量 都 等 于 2。 : 


算术 赋值 运算 符 与 算术 运算 符 对 应 ， 是 将 自 术 运算 待 和 赋值 运算 符 组 合 在 一 起 的 运算 ， 含 义 是 运算 


算术 赋值 运算 符 + 、- =、 寺 、 广 、%= 祁 是 将 左边 的 变量 和 右边 的 值 进行 运算 之 后 ， 再 将 得 到 
算术 赋值 运算 符 的 左边 只 能 是 变量 。 例 如 : 


Var a:int=3; 
var b:int=4; 


a+=b; //7， 等 同 于 a=a+b 
ActionScript 中 第 用 的 赋值 运算 符 如 表 A-6 所 示 。 
表 A-6 赋值 运算 符 
操作 和 操作 和 含义 


5 求 模 并 且 赋 值 人 | 位 与 并 且 赋 值 


此 外 ，++、 一 一 是 将 变量 加 上 或 者 减 去 1， 将 得 到 的 值 赋 给 变量 。 例 如 : 


at+; /等同 于 a=arl; 
b--: // 等 同 于 b=b-1; 


3. 比较 运算 符 

比较 运算 符 用 于 比较 两 个 操作 数 的 值 的 大 小 关系 ， 运 算 的 结果 是 布尔 值 true 或 false。 常 见 的 比较 运 
算 符 一 般 分 为 两 类 ， 一 类 用 于 判断 大 小 关系 ， 一 类 用 于 判断 相等 关系 。 

判断 大 小 关系 的 运算 符 包括 : > (大 于 )、< (小 于 )、>= (大 于 等 于 )、<= (小 于 等 于 )。 

判断 相等 关系 的 运算 符 包 括 : = = (等 于 )、!= (不 等 于 )、 一 = (全 等 )、! 一 (全 不 等 )。 

ActionScript 中 常用 的 比较 运算 符 如 表 A-7 所 示 。 


表 A-7 关系 运算 符 


对 于 基 元 数据 类 型 ， 如 果 等 式 两 边 的 值 相同 ， 即 可 判断 为 相等 。 如 果 是 复杂 数据 类 型 ， 判 断 相 等 的 
不 是 等 号 两 边 的 值 ， 而 是 判断 等 式 两 边 的 引用 是 否 相等 。 


一” 和“I=” 先 将 等 式 两 边 的 值 强制 转换 为 同一 数据 类 型 ， 再 进行 比较 ; 而 “=--” 和 
“一 ”不 进行 数据 类 型 转换 ， 因 此 ， 如 果 等 式 两 边 的 数据 类 型 不 同 ， 一 定 会 返回 false。 

4. 逻辑 运算 符 

逻辑 运算 符 用 于 比较 两 个 布尔 类 型 的 变量 ,并 且 返 回 一 个 布尔 值 。 ActionScript 中 常用 的 逻辑 运算 符 如 


表 A-8 所 示 。 
表 A-8 逻辑 运算 符 
操作 符 义 
&& 逻辑 与 。 左 右 两 侧 的 表达 式 任意 一 侧 的 值 为 false， 结 果 都 为 false ; 只 有 两 侧 都 为 tue， 结 果 才 为 true 


| 逻辑 或 。 左 右 两 侧 的 表达 式 的 值 任意 一 侧 为 tue， 结 果 都 为 true ; 只 有 两 侧 都 为 false， 结 果 才 为 false 
! 逻辑 非 。 对 运算 对 象 的 Boolean 取 反 

5. 字符 串 运 算 符 

ActionScript 3.0 将 String 定义 为 一 组 有 序 的 Char16 字符 的 集合 。 计 算 宇 符 串 或 人 为 文本 的 变量 时 ， 
字符 串 运 算 符 执行 的 任务 都 是 连接 和 比较 字符 串 的 但。 

“+” 和 “+=” 运 算 符 用 于 连接 字符 串 ， 将 现 有 的 String 对 象 连接 到 原 有 对 象 的 后 面 。 例 如 : 有 4 个 
文本 字段 ， 变 量 名 分 别 为 First、Last、Age 和 Message。 分 别 在 前 3 个 字段 中 输入 John、Doe 和 30。 执 
行 以 下 脚本 ， 变 量 First、Last 和 Age 的 值 与 市 引号 的 文本 值 相连 。 


Message= (“Hello,” )+{(First) + (Last) + {(“.” )+( "You appear to be “)+(Age}+!( “year 
ms We 


变量 Message 显示 以 下 信息 : 
“Hello,John Doe.You appear to be 30 years old.™ 


关系 运算 侍 “<、<=、>、 关 ”按照 字符 串 中 字符 的 Unicode 整 型 值 进行 比较 。 小 写字 和 从 (a~z ) 的 
值 大 于 大 与 字符 ( A~Z ) 的 但 。 例 如 ，derek 大 于 Brooks， 而 Derek 则 小 于 Brooks。 
使 用 字符 串 运 算 符 时 ， 要 注意 以 下 几 点 。 
和 字符 串 的 值 区 分 大 小 写 。 kathy 不 等 于 Kathy。 
和 在 字符 串 表 达 式 中 使 用 的 数值 会 自动 转换 为 字符 串 。 例 如 , 表达 式 〈"Ilovetoeat")+(10+5) 十 
(" donuts a day! " ) 会 转换 为 "Ilove to eat 15 donuts a day! "。 


6. 特殊 运算 符 

本 蔬 介 绍 的 特殊 运算 符 包 括 三 元 条 件 运算 和 侍 (?: )、typeof、 is、as、in。 

1 ) 三 元 条 件 运算 符 (?:) 

它 是 ActionScript 中 唯一 的 一 个 三 元 运算 人生， 也 就 是 有 三 个 运算 项 ， 相 当 于 站..else 条 件 语句 的 简写 ， 
用 法 如 下 : 


( 条 件 表 人 达 式 )? { 流程 1) : {流程 2)， 


语法 说 明 如 下 : 

YN 条 件 表 达 式 : 通过 逻辑 判断 ， 得 到 一 个 Boolean 型 的 结果 。 
和 9 流程 1: 如 果 条 件 表达 式 的 结果 为 tue， 执 行 该 流程 。 

和 流程 2: 如果 条 件 表达 式 的 结果 为 false， 执 行 该 流程 。 


2 ) typeof 
typeof 以 字符 串 形式 返回 对 象 的 数据 类 型 。 使 用 方法 如 下 ， 


typeof ( 对 象 ) ; 
例如 : 
trace (typeof 8);// number 
typeof 对 象 类 型 与 返回 结果 对 照 表 如 表 A-9 所 示 。 
表 A-9 typeof 对 象 类 型 与 返回 结果 对 照 


i a 
3)is 
is 运算 符 用 于 判断 一 个 对 象 是 否 属 于 某 种 数据 类 型 ， 返 回 值 为 Boolean 类 型 。 例 如 : 


trace (8 is Number}; // true 


4)as 
as 运算 符 用 于 判断 对 象 是 否 属于 某 种 数据 类 型 ， 与 is 运算 符 的 使 用 格式 相同 ,但 是 返回 的 值 不 同 。 


如 采 对 象 的 类 型 相同 ， 返 回 对 象 的 什 ; 如 果 不 同 ， 返回 null。 


trace(8 as NumbeT) : /:/ 8 
trace (8 as Array);} /null 
var a:Array=[1,2,3]; 

Var b:Object =a as Object; 
trace (b); 2 2.3 


5)in 
in 运算 符 用 于 检查 一 个 对 象 是 否 作为 为 一 个 对 象 的 键 或 泰 引 ， 返 回 值 为 Boolean 型 。 


WA array | mw | 
trace (5 in a) } // true 

trace (6 in a); //false 

Var b:Object={name: "kaixin",age:16}; 
trace ("name™" in b);} //true 


trace ("sexy" jin b); //false 


七 、 访 程控 制 语 句 


在 程序 设计 的 过 程 中 ， 如 果 有 要 控制 程序 ， 需 要 安排 每 名 代码 执行 的 先后 次 序 ， 这 个 先后 执行 的 次 序 ， 


“结构 "。 常 见 的 程序 结构 有 三 种 : 顺序 结构 、 选 择 结构 和 循环 结构 。 


外 顺序 结构 : 按照 代码 的 顺序 ， 逐 句 地 执行 操作 。 
选择 结构 : 根据 条 件 表 达 式 的 计算 结果 选择 要 执行 的 分 支 。 
a 循环 结构 : 多 次 执行 同一 组 代码 ， 重 复 的 次 数 由 指定 的 数值 或 条 件 决定 。 


1. 选择 结构 

选择 程序 结构 是 利用 不 同 的 条 件 判 断 结 果 ， 执 行 不 同 的 语句 或 者 代码 。ActionScript 3.0 有 四 个 用 于 
控制 程序 流 的 条 件 判 断 语句 ， 分 别 是 直 条 件 语句 、 让 ..else 条 件 语 句 、 直 ..else if...else 条 件 语句 、switch 条 
件 语句 。 

1 ) 让 语 句 格 式 

如 果 括 号 内 的 条 件 表达 式 返 回 值 为 tue， 则 执行 大 括号 内 的 语句 ， 否 则 不 执行 。 基 本 格式 如 下 : 


if (条 件 ){ 
ee // 执行 的 代码 段 


例如 : 


Var choice:string="pear™? 

TE neice — "ae 
trace(“ 管 对 了 1 ”) ; 

} 


trace ("Your choice is "+choice); 


上 述 脚 本 代码 中 ， 由 于 条 件 判 断 (choice=="apple" 返回 值 为 false， 因 此 不 执行 大 括号 中 的 语句 ， 而 
是 直接 执行 最 后 一 行 代 码 ， 输 出 Your choice is pear。 

2 ) 让 ..else 语句 格式 

根据 条 件 判 断 的 结果 做 出 两 种 不 同 的 处 理 , 如 果 条 件 成 立 , 执行 一 个 代码 块 , 否则 执行 男 一 个 代码 块 。 
基本 格式 如 下 : 


i (表达 式 站 I 
流程 1; 

} 

else 

{ 

流程 2; 

| 


例如 : 


Var choice:string="pear™? 
if (choice=="apple™)l! 
trace(“ 管 对 了 ! ”); 
| 
elsel 
二 Face ("Your choice is "+choice); 


} 


上 述 脚 本 代码 中 ， 由 于 条 件 判 断 (choice=="apple") 人 返回 值 为 false， 因 此 直接 转 到 执行 else 语句， 和 输 


出 Your choice ls pear。 


3 ) if..else if...else 语句 
该 语句 是 站 语句 中 最 复杂 的 一 种 ， 人 允许 用 户 根 据 不 同 的 条 件 判 断 分 文 ， 做 出 多 种 不 同 的 处 理 。 基 本 


格式 如 下 : 


i 表达 式 1) 1 
流程 1; 

} 

else if (表达 式 2) 1 

流程 2; 


else if (表达 式 n)f 
流程 n; 
} 


4 ) switch...case...default 语句 

switch 语句 属于 多 条 件 分 支 语 句 ， 对 表达 式 进 行 求 值 ， 并 根据 计算 结果 确定 执行 的 代码 块 。 执 行 时 ， 
将 switch0 括号 中 的 值 或 表达 式 与 各 个 case 分 文中 的 值 或 表达 式 进 行 比较 ， 如 果 相 等 ， 则 执行 该 分 文 下 
的 所 有 代码 ,直到 遇 到 break 或 者 default 为 止 ; 如 果 没 有 找到 相等 的 , 则 执行 default 分 文 。 基 本 格式 如 下 : 


switch ( 值 或 表达 式 ) { 

case 值 或 表达 式 : // 执行 的 代码 ; 
case 值 或 表达 式 : // 执行 的 代码 ; 
default: 执行 的 代码 r 

} 


switch 语句 通 稼 与 关键 字 break、continue 配合 使 用 ，break 用 于 结束 循环 ， 不 再 执行 循环 ; continue 
用 于 终止 当前 一 轮 的 循环 ， 直 接 跳 到 下 一 轮 循环 。 例 如 : 


var a:unit=2} 
Var b:String; 
switch (al { 
二 
b="cake™} 
break; 
0 
b="Coca™? 
break; 
default: 
b="no Cholce :; 
break; 


} 
trace (b); //Coca 


2. 循环 结构 

循环 结构 根据 指定 的 条 件 反 复 执行 一 段 代 码 ， 笛 用 于 检索 和 批量 处 理 。 循 环 结构 由 循环 体 和 控制 条 
件 两 部 分 组 成 ， 重复 执行 的 代码 称 为 循环 体 ， 能 否 重 复 操作 ， 取 决 于 循环 的 控制 条 件 。 

循环 结构 可 分 为 以 下 两 类 : (D 先进 行 条 件 判 断 ， 如 果 条 件 成 立 ， 执 行 循环 体 代码 ， 执 行 完 之 后 再 进 
行 条 件 判 断 ， 条 件 成 立 继续 ， 否 则 退出 循环 。 如 果 第 一 次 条 件 就 不 满足 ， 则 一 次 也 不 执行 ， 直 接 退 出 。 


已 先 不 管 条 件 ， 依 次 执行 操作 ， 执 行 完成 之 后 进行 条 件 判 断 。 如 果 条 件 成 立 ， 循 环 继续 ， 否 则 退出 循环 。 
1 ) for 循环 
语法 格式 如 下 : 


for ( 初始 化 语句 ; 循环 条 件 ; 步 进 方式 ) { 
// 循环 执行 的 语句 ; 
} 


初始 化 语句 用 于 初始 化 程序 循环 体 中 需要 使 用 的 变量 。 注 意 要 使 用 var 关键 字 定 义 变量 否则 编译 
时 会 报错 。 
循环 条 件 是 一 个 逻辑 运算 表达 式 ， 运 算 的 结果 决定 循环 的 进程 。 右 为 false， 则 退出 循环 ， 人 否则 继续 
执行 循环 代码 。 
步 进 方式 是 算术 表达 式 ， 用 于 改变 循环 变量 的 值 ， 通 党 为 使 用 递增 或 递减 运算 符 的 赋 信 表达 式 。 
循环 执行 的 语句 称 为 循环 体 ， 通 过 不 断 改变 变量 的 什 ， 达 到 需要 实现 的 目标 。 
例如 ， 下 面 的 示例 代码 实现 简单 点 餐 : 
wat omnis nroeaw | cake ee water oe oie (pread ll: 
Var selectItem:String= juice™ } 
for (Var i:uint=0;i<menuList.length;i+t+) 1 
if (menuList[i]==seljectItem)I1 
trace( “Good! + “I love juice!™ )}); 
break; // 也 可 以 使 用 关键 字 return 
} 
elsel 
trace (menuList[il+ ” is not my favor!” ) 
continue; 
} 
} 


初始 时 二 =0， 人 逻辑 运算 表达 式 (menuList[i]==selectItem) 返回 false， 跳 转 到 else 语句 进行 执行 ， 然 后 
ii+1， 小 于 menuList.length， 再 次 进入 循环 体 ， 直 到 1 等 于 2， 逻 辑 运算 表达 式 为 true， 执 行 trace 语句 ， 
并 退出 循环 。 因 此 输出 结果 如 下 : 


cake 1s not my favor! 
water is not my favor! 


GOOdIIT love Juice! 


2 ) for...in 御 环 和 for each...in 循环 
这 两 种 循环 主要 用 于 枚 举 一 个 集合 中 的 折 有 元 素 ， 裔 历 对 象 内 部 的 键 值 。 
for...in 循环 的 结构 如 下 : 

for (var 枚 举 变 量 in 枚 举 对 象 ) { 


// 其 他 语句 
} 


其 中 ,， 枚 举 变 量 为 枚 举 对 象 的 成 员 名 字 。 如 采 要 访问 枚 举 对 象 的 成 员 ,， 应 使 用 : [ 枚 举 变 量 ]。 例 如 : 


// 定义 一 个 对 象 myRoom， 并 添加 属性 bed, table 和 computer 
var myRoom:Object={bed:" 单 人 床 "，table:" 电脑 桌 ",computer:" 笔记 本 "]} 
// 遍历 对 象 myRoom 


for (var i in InmyRoom) { 
// 输出 属性 名 称 和 属性 值 
性 名 为 : "+i+"\r 属性 值 为 :"+myRoom[i]); 


trace(" 


} 
输出 结 末 如 下 : 


属性 名 为 : table 
属性 值 为 : 电脑 桌 
属性 名 为 : Computer 
属性 值 为 : 笔记 本 
属性 名 为 : bed 

属性 值 为 : 单 人 床 


for each...in 的 枚 举 变量 为 枚 举 对 象 的 成 员 。 如 果 要 访问 枚 举 对 象 的 成 员 名 字 ， 
结构 如 下 : 


for each (var 枚 举 变量 in 极 举 对 象 ) { 
// 其 他 语句 
} 
例如 : 


for each (var i:String In myRoom) { 
trace (“属性 值 为 :”+i); 
} 


输出 结 末 如 下 : 


属性 值 为 : 电脑 桌 
属性 值 为 : 笔记 本 
属性 值 为 : 单 人 床 


3 ) while 循环 
while 循环 在 条 件 表达 式 满 足 时 ， 执 行 循环 体 。 语 法 格式 如 下 : 
while ( 循环 条 件 ) { 


循环 体 
} 


则 只 能 使 用 for...in。 


循环 条 件 是 逻辑 运算 表达 式 ， 运 算 的 结果 决定 循环 的 进程 。 右 为 tue， 继 续 执 行 循环 代码 ， 否 则 退 


循环 体 包 括 赋值 表达 式 ， 执 行 语 句 并 实现 变量 赋值 。 
例如 : 


var i:int = 0; 
while (i < 5) { 
trace ( 工 ) ; 

I 


| 


输出 结果 为 01234 

4 ) do...while 循环 

do...while 循环 与 while 循环 基本 相同 ， 只 不 过 do...while 完 执 行 循环 体 ， 青 判断 条 件 表达 式 。 所 以 
do...while 至 少 循 环 一 次 。 语 法 格式 如 下 : 


dol 
循环 体 ; 
} 
while( 循环 条 件 ) 
例如 : 


Var 1:1int =0; 
dotl 

trace ( 工 ) ; 
Fe 

} 

While (1I<51 7 


输出 结果 为 : 01234 


八 \ 图 数 


疯 数 (Function ) 是 执行 特定 任务 并 可 以 在 程序 中 重用 的 代 人 码 块 。 利 用 函数 编程 ， 可 以 避免 几 长 、 灯 
乱 的 代码 ; 可 以 便捷 地 修改 程序 ， 提 局 编程 效率 。 


1. 定义 函数 
在 ActionScript 3.0 中 有 两 种 定义 函数 的 方法 ,一 种 是 常用 的 函数 语句 定义 法 ,一 种 是 ActionScript 
中 独 有 的 函数 表达 式 定义 法 。 


1 ) 图 数 语 名 定义 法 
员 数 语 名 标准、 简洁， 使 用 function 关键 字 定 义 ， 格 式 如 下 : 


function 图 数 名 ( 参数 1: 数据 类 型 ， 参 数 2 : 数据 类 型 ) : 返回 值 类 型 { 
// 图 数 体 


function: 定义 函数 使 用 的 关键 字 。 注 意 function 关键 字 要 以 小 写字 母 开 头 。 

函数 名 : 定义 函数 的 名 称 。 函 数 名 要 符合 变量 命名 的 规则 ， 尽 量 取 一 个 与 其 功能 一 致 的 名 字 ， 俐 
于 阅读 。 

和 小 括号 : 定义 函数 的 参数 ， 小 括号 内 的 参数 和 参数 类 型 均 可 选 。 

返回 值 类 型 : 定义 函数 的 返回 类 型 ， 也 是 可 选 的 。 若 要 设置 返回 类 型 ， 冒号 和 返回 类 型 必须 成 对 
出 现 。 

和 大 括号 : 定义 函数 的 必需 格式 ， 需 要 成 对 出 现 。 函 数 体 是 调用 函数 时 执行 的 代码 。 

例如 : 


此 


function doubleNum{(baseNum:int) :1int 


{ 

return (baseNum * 2)，} 
} 
doubleNum (2)，} /1174 
doubleNum({(3): / /6 


2 ) 图 数 表 达 式 定义 法 
限 数 表达 式 定 义 法 是 ActionScript 3.0 特有 的 一 种 定义 方法 。 格 式 如 下 : 


var 图 数 名 :Function = function (参数 1: 数据 类 型 ， 参 数 2: 数据 类 型 ) : 返回 值 类 型 { 
// 盟 数 体 


pr 
滑 


和 Var: 定义 函数 名 的 关键 字 ， 要 以 小 写字 母 开 头 。 

NN Function: 指示 定义 数据 类 型 是 Function 类 。 注 意 Function 为 数据 类 型 ， 须 大 写字 母 开 头 。 
和 =: 赋值 运算 符 ， 把 函数 表达 式 赋值 给 定义 的 函数 名 。 

和 function: 定义 函数 的 关键 字 ， 指 明定 义 的 是 函数 ， 应 以 小 写字 母 开 头 。 

和 小 括号 : 定义 函数 的 必需 的 格式 ， 小 括号 内 的 参数 和 参数 类 型 都 可 选 。 

和 返回 值 类 型 : 定义 函数 的 返回 类 型 ， 可 选 参 数 。 

例如 : 


var sumNum: FunNnction=functionta:int,b:int}:int 


{ 
return {a,b,atb); 
} 
trace (sumNuml(2 3) 1) ， “9 
trace (sumNum(?2,2)).，} 1 14 


在 两 种 限 数 定义 方法 的 选择 上 ， 推 荐 使 用 疯 数 语句 定义 法 ， 因 为 这 种 方法 更 加 简洁， 更 有 助 于 保持 
严格 模式 和 标准 模式 的 一 致 性 。 辑 数 表达 式 更 多 地 用 在 动 仿 编程 或 标准 模式 编程 中 ， 主 要 用 于 适合 关注 
运行 时 行为 或 动态 行为 的 编程 ， 或 使 用 一 次 后 便 丢 弃 的 函数 或 者 向 原型 属性 附加 的 函数 。 

2. 调用 函数 

胃 数 只 是 一 个 编写 好 的 程序 块 ， 在 没有 被 调用 之 前 ， 什 么 也 不 会 发 生 。 只 有 通过 调用 困 数 ， 图 数 的 
功能 才能 够 实现 。 

1 ) 一 般 调 用 

(1) 对 于 没有 参数 的 国 数 ， 可 以 特 接 使 用 因数 的 名 宇 ， 后 跟 一 个 小 括号 来 调用 。 例 如 

Fnction savHielloly 1 


EraEe TeJlo0renrmevel om 7 


} 
sayHello(}); 


代码 运行 后 的 输出 绪 朱 如 下 所 不 : 


中 这 皮 容 间 写 提高 


(2 ) 对 于 有 参数 的 函数 ， 要 在 小 括号 中 指定 参数 ， 例 如 : 


2 ) 黄 套 调用 


3. 国 数 的 参数 
函数 通过 参数 向 函数 体 传 递 数据 和 人 信息。 函数 中 传递 的 参数 都 位 于 函数 格式 的 括号 中 ， 格 式 如 下 : 


例如 : 


代码 运行 后 的 输出 结 采 如 下 所 示 : 


ActionScript 3.0 支持 对 函数 设置 默认 参数 。 如 果 调 用 函数 时 没有 写 明 参数 ， 那 么 会 调用 
认 值 代替 。 默 认 参 数 是 可 选项 。 设 置 默认 参数 的 格式 如 下 : 


( 参数 1 : 参数 类 型 = 默认 值 ， 参 数 2 : 参数 类 型 = 默认 值 ,…，, 参数 n : 参数 类 型 = 默认 值 ) 
例如 


function defaultPparam(x:int, y:int = 3, ZzZ:String = ”Go"”):VO1lad { 
trace (XxX, YA 2Z); 


} 
defaultParam{(l1}); // 1 3 Go 


4. 国 数 的 返回 值 

主 调 因 数 通过 图 数 的 调用 得 到 一 个 确定 的 值 ， 此 值 称 为 图 数 的 返回 值 。 利 用 图 数 的 返回 值 ， 可 以 通 
过 函数 对 数据 进行 处 理 、 分 析 和 转换 ， 并 获取 结果 。 

ActionScript 使 用 retum 语句 从 也 数 中 获取 返回 值 ， 语 法 格式 如 下 : 


return 返回 值 ; 


其 中 ,returmn 是 尔 数 返回 值 的 关键 字 , 必 不 可 少 , 返 回 值 是 函数 中 返回 的 数据 , 既 可 以 是 字符 串 ,数值 等 ， 
也 可 以 是 对 象 ， 如 数组 、 影 片 筋 辑 等 。 
例如 ， 下 面 的 示例 代码 定义 一 个 求 长 方形 面积 的 函数 ， 并 返回 面积 的 值 。 


function area (w:Number,h:Number) :Numbert 
Var SsS:Number= w*h; 
return ss: 


} 
trace (area(5, 9)); //45 


国 数 的 返回 类 型 在 函数 的 定义 中 属于 可 选 参 数 ， 如 果 没 有 选择 ， 那 么 返回 值 的 类 型 由 returm 语句 中 
返回 值 的 数据 类 型 决定 。 例 如 ， 下 面 的 示例 代码 返回 一 个 字符 型 数据 。 


function test({) 1 

Var a:string="Guess! Who am 工 ?2 
Var b:int=o; 

return btas 


| 
trace (typeof (test () ) ) 7 


代码 运行 后 的 输出 结果 为 string。 

5. 事件 侦 听 器 

事件 侦 听 融 也 就 是 以 前 版 本 中 的 事件 处 理 困 数 ， 负 责 接收 事件 携 寓 的 信息 ， 并 在 接收 到 该 事件 之 后 
执行 事件 处 理 函 数 体 内 的 代码 。 

添加 事件 侦 听 的 过 程 有 两 步 : 第 一 步 创 建 一 个 事件 侦 听 图 数 ; 第 二 步 使 用 addEventListener0 方法 在 
事件 目标 或 者 任何 显示 对 和 象 上 注册 侦 听 器 六 数 。 

1 ) 创建 事件 侦 听 天 

事件 侦 听 需 必 须 是 图 数 类 型 ， 可 以 是 一 个 目 定义 的 图 数 ， 也 可 以 是 实例 的 一 个 方法 。 侦 听 兰 只 能 有 
一 个 参数 ， 且 这 个 参数 必须 是 Event 类 或 者 其 于 类 的 实例 ， 而 且 返 回 值 必须 为 void。 创建 侦 听 融 的 语法 
格式 如 下 : 


IEGI20I8 
中 版 检 间 写 提 襄 


所 侦 听 器 名 称 : 事件 侦 听 器 的 名 称 ,命名 须 符合 变量 命名 规则 。 
和 evt: 事件 侦 听 器 参数 ， 必 需 。 

YN 事件 类 型 : Event 类 实例 或 其 子 类 的 实例 。 

S void: 返回 值 必须 为 空 ， 不 可 省 略 。 

例如 : 


2 ) 注册 侦 听 带 

侦 听 器 是 事件 的 处 理 者 ， 只 有 事件 发 送 者 才 可 以 侦 听 事件 ， 注 册 侦 听 器 。 事 件 发 送 者 必须 是 
EventDispatcher 类 或 其 子 类 的 实例 。 

在 ActionScript 3.0 中 使 用 addEventListener0 函数 注册 事件 佰 昕 函数。 注册 债 听 兹 的 语法 格式 如 下 : 

事件 发 送 者 .addEventListener( 事件 类 型 , 侦 听 器 ); 

例如 : 


如 果 要 删除 事件 侦 听 天， 使 用 removeEventListener0 函数 。 删 除 俩 听 问 的 语法 格式 如 下 : 
事件 发 送 者 .removeEventListener( 事件 类 型 , 侦 听 需 ): 
例如 


使 用 “发 布 ”命令 不 仅 能 在 Internet 上 发 布 动画 ， 而 且 能 根据 动画 内 容 生成 用 于 未 安装 Flash 播放 器 
的 浏览 器 中 的 图 形 ， 创 建 用 于 播放 Flash 动画 的 HTML 文档 ， 并 控制 浏览 器 的 相应 设置 。 同 时 ，Animate 
还 能 创建 独立 运行 的 小 程序 ， 如 .exe 格式 的 可 执行 文件 。 


一 、 上 发布 ActionScript 3.0 文档 


在 使 用 “发 布 ” 命 令 之 前 ， 应 利用 “发 布设 置 ”他 令 对 文件 的 格式 等 发 布 属性 进行 相应 的 设置 ， 将 


动画 发 布 成 指定 格式 的 文件 。 
(1) 执行 “文件 ”|“ 发 布设 置 ” 命 仿 ， 打开 “发 布设 置 ” 对 话 框 ， 如 图 B-1 所 示 。 


| 发布 设置 [LB) 


v 也 括 隐藏 图 层 (1 
win 政 归 文件 生成 大 小 报告 (G) 
省 连 trace 语句 (T 

允许 调试 (D) 

防止 导入 (M) 


启用 详细 的 冶 列 数据 (NN 


肢 本 时 间 限 制 (E): 


本 地 播放 安全 性 : 
记 访问 本 地 文件 


硬性 加 证 


图 B-1 “发 布 琢 置 ” 则 十 框 


(2 ) 在 左 侧 的 格式 分 类 中 选择 要 发 布 的 文件 格式 ， 每 选 定 一 种 格式 ， 对 话 框 右 侧 显示 相应 的 选项 。 

(3 ) 在 “输出 名 称 ” 文 本 框 中 指定 文件 名 称 。 

(4) 在 右 侧 的 选项 列表 中 进行 设置 。 

(5 ) 执行 “文件 ”|“ 发 布 ” 命 令 ， 即 可 按 指定 设置 生成 指定 格式 的 文件 。 

1. SWF 影片 

Animate 动画 发 布 的 主要 格式 是 以 swf 为 后 级 的 文件 ， 使 用 Flash Player 播放 。 因 此 ， 在 不 做 任何 发 
布设 置 的 情况 下 ，Animate 会 自动 发 布 生成 swf 格式 的 文件 。 

(1) 在 “发 布设 置 ” 对 话 框 中 单 击 选 择 “Flash ( .swf )”， 打 开 图 B-1 所 示 的 Flash 选项 卡 。 


(2 ) 设置 右 侧 的 选项 。 
YN 目标 : 设置 播放 器 的 版 本 ,但 高 版 本 的 文件 不 能 用 在 低 版 本 的 应 用 程序 中 。 


YW 脚本 : 设置 动作 脚本 的 版 本 。 单 击 右 侧 的 “ActionScript 设置 ”按钮 国 , 弹 出 “高 级 ActionScript 3.0 
设置 ”对 话 框 ， 可 以 添加 、 删 除 、 浏 览 类 的 路 径 。 

JPEG 品质 : 用 于 确定 动画 中 所 有 位 图 以 JPEG 格式 压缩 保存 时 的 质量 。 

启用 JPEG 解 块 : 选中 该 选项 可 以 减少 低 品 质 设置 引起 的 失真 。 

音频 流 、 音 频 事件 ; 分 别 用 于 设置 音频 和 音频 事件 的 取样 率 、 压 缩 比 和 品质 。 

覆盖 声音 设置 : 动画 中 所 有 的 声音 都 采用 当前 对 话 框 中 对 声音 所 做 的 设置 。 


如 果 取 消 选择 了 “和 覆盖 声音 设置 ”选项 ，Animate 会 扫描 文档 中 的 所 有 音频 流 (包括 导 
入 视频 中 的 声音 )， 然 后 按照 各 个 设置 中 最 高 的 设置 发 布 所 有 音频 流 。 


和 压缩 影片 : 压缩 动画 ， 从 而 减 小 文件 大 小 和 下 载 时 间 。 

和 包括 隐藏 图 层 : 有 选择 地 输出 图 层 ， 例 如 只 发 布 没有 隐藏 的 图 层 ， 或 导出 隐藏 的 图 层 。 

所 生成 大 小 报告 : 生成 一 个 文本 文件 ， 内 容 是 以 字 节 为 单位 的 动画 各 个 部 分 所 占 空 间 的 列表 ， 可 作 
为 缩小 文件 体积 的 参考 。 

NN 省 略 trace 语句 ; 忽略 当前 动画 中 的 Trace 语句 。 

和 允许 调试 : 允许 远程 调试 动画 。 如 果 需 要 ， 可 以 在 “密码 ”文本 框 中 输入 密码 ,保护 作品 不 被 他 

人 随意 调试 。 

防止 导入 : 防止 发 布 的 动画 被 他 人 从 网 上 下 载 到 Animate 程序 中 进行 编辑 。 

密码 : 用 于 设置 密码 ， 防 止 他 人 调试 或 导入 SWF 文件。 清除“ 密码 ”文本 字段 即 可 删除 密码 。 

启用 详细 的 遥测 数据 : 查看 详细 的 送 测 数据 ， 并 根据 这 些 数 据 对 应 用 程序 进行 性 能 分 析 。 

脚本 时 间 限 制 : 设置 脚本 在 SWF 文件 中 执行 时 可 占用 的 最 大 时 间 量 。Flash Player 将 取消 执行 超 

出 此 限制 的 任何 脚本 。 

和 本 地 播放 安全 性 : 授予 已 发 布 的 SWF 文件 本 地 安全 性 访问 权 ， 或 网 络 安全 性 访问 权 。 

和 硬件 加 速 : 使 SWF 文件 使 用 硬件 加 速 的 模式 。“ 第 1 级 一 直接 ”模式 允许 Flash Player 在 屏幕 
上 直接 绘制 ， 而 不 是 让 浏览 器 进行 绘制 ， 从 而 改善 播放 性 能 ;“ 第 2 级 一 GPU” 模 式 允 许 Flash 
Player 利用 图 形 卡 的 可 用 计算 能 力 执行 视频 播放 并 对 图 层 化 图 形 进 行 复合 。 如 果 预 计 受 众 拥 有 高 
端 图 形 卡 ， 可 以 使 用 此 选项 。 


上 = 


2. HTML 包 装 器 
如 果 需 要 在 Web 浏览 磊 中 放映 动画 ， 必 须 创 建 一 个 用 来 局 动 该 动画 并 对 浏 贤 妖 进行 相关 设置 的 
HTML 文档 。 


在 “发 布设 置 ”对 话 框 中 选中 “HTML 包 闪 天 "”， 打 开 HTML 选项 ， 如 图 B-2 所 示 。 

和 模板 : 指定 使 用 的 模板 。 选 择 一 种 模板 ， 单 击 右 侧 的 “信息 ”按钮 ， 将 弹出 对 应 的 描述 模板 信息 
的 对 话 框 。 如 果 未 选择 任何 模板 ， 将 使 用 Defaulthtml 作为 模板 。 

9 检测 Flash 版 本 : 对 文档 进行 配置 ， 以 检测 用 户 拥有 的 Flash Player 的 版 本 ， 并 在 用 户 没 有 指定 
播放 器 时 向 用 户 发 送 替 代 HTML 页。 该 选项 只 在 选择 的 “模板 ”是 “Flash HTTPS”“ 仅 Flash” 
和 “ 仅 Flash 一 允许 全 屏 ” 时 才 可 选择 。 

和 大 小 : 设置 动画 在 生成 文档 中 的 宽度 和 高 度 值 。 

和 播放 : 设置 动画 在 生成 文档 中 的 循环 、 播 放 、 菜 单 和 设备 字体 等 方面 的 参数 。 

和 品质 : 设置 反 锯 此 性 能 的 水 平 。 由 于 反 锯 齿 功 能 要 求 每 帧 动画 在 屏幕 上 泻 染 出 来 之 前 就 得 到 平滑 
化 ， 因 此 对 机 器 的 性 能 要 求 很 高 。 
> 自动 降低 : 在 确保 播放 速度 的 条 件 下 ， 尽 可 能 地 提 癌 图 像 的 品质 。 
> 自动 升 高 : 将 播放 速度 和 显示 质量 置 于 同等 地 位 ， 但 只 要 有 必要 ， 将 牺牲 显示 质量 以 保证 播放 
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> 中 : 打开 部 分 消除 锯齿 功能 ， 但 是 不 对 位 图 进行 平滑 处 理 。 


配置 文件 (R): 赵 信 区 考 


ET 答 出 名 称 (N): 无 标 题 -1 
”Y Hlash (.swf) 


Sr 模板 (Ti 避 Flash 
其 候补 陈 入 测 Flash 版 本 (1 
| HTML 忆 装 改 版 李 3 
ls 小 (z)， 区 丽 时 请 * 
JPEG 图 伏 A LE E= lb 
PNG 图 像 
0AM 书 
， a 开始 时 暂停 (U) 
SWF 上 归档 文件 有 和 
Mac 放 遇 六 件 ， i a 
Win 放映 文件 i i 
设备 字体 (N， 


窗口 模式 (0): 窗 


疾 丰 和 对 这 
编 放 (Cr 默认 但 示人 全部) 
HTML 对 齐 (A):， 引 A 
Flash 水 平 对 于 (1H 
Flash 垂直 对 齐 (V)， 是 


图 B-2 HITML 包 装 器 选项 


> 低 : 不 进行 任何 消除 锯齿 的 处 理 ， 使 播放 过度 的 优先 级 高 于 动画 的 显示 质量 。 
> 高 : 使 显示 质量 优先 级 高 于 播放 速度 。 如 果 动 画 中 不 包含 运动 效果 ， 则 对 位 图 进行 消除 锯齿 处 
理 ; 如 果 包 含 运 动 效 果 ， 则 不 对 位 图 进行 处 理 。 
> 最 佳 : 包括 位 图 在 内 的 所 有 的 输出 都 将 进行 平滑 处 理 , 提供 最 佳 的 显示 质量 而 不 考虑 播放 速度 。 
YM 窗口 模式 : 设置 动画 播放 时 的 透明 模式 和 位 置 ， 仅 用 于 安装 了 Flash Active X 控件 的 Internet 
Explorer 浏览 器 。 
窗口 : 使 动画 在 网 页 中 指定 的 位 置 播放 ， 播 放 速 度 最 快 。 
> 不 透明 无 窗口 : 选中 该 选项 将 挡住 网 页 上 动画 后 面 的 内 容 。 
> 透明 无 窗口 : 动画 中 的 透明 部 分 显示 网 页 的 内 容 与 背景 ， 有 可 能 降低 动画 速度 。 
> 直接 : 使 用 Stage3D 泻 染 方 法， 会 尽 可 能 使 用 GPU。 此 时 ， 无 法 在 HTML 页 面 中 将 其 他 非 
SWF 图 形 放 置 在 SWF 文件 的 上 面 。 
外 显示 警告 消息 : 如 果 标 签 设置 上 发 生 冲 突 ， 显 示 出 错 消息 。 
和 缩放 : 当 指 定 的 尺寸 与 原 动 画 尺寸 不 符 时 ， 设置 动画 在 指定 尺寸 区 域 中 放置 的 方式 。 
> 默认 ( 显示 全 部 ): 使 动画 保持 原 有 的 显示 大 小 在 指定 区 域 中 显示 。 
> 无 边框 : 使 动画 保持 原 有 的 显示 比例 和 尺寸 ， 即 使 浏览 器 窗口 大 小 被 改变 ， 动 画 大 小 也 维持 原 
样 ， 若 指定 区 域 小 于 动画 原始 大 小 ， 则 区 域外 的 部 分 不 显示 。 
> 精确 匹配 : 根据 指定 区 域 大 小 调整 动画 显示 比例 ， 使 动画 完全 充满 在 区 域 中 ， 这 样 可 能 造成 
变形 。 


> 无 缩放 : 在 调整 Flash Player 窗口 大 小 时 不 进行 缩放 。 
SHTML 对 齐 : 指定 动画 在 浏览 器 窗口 中 的 位 置 。 
> 默认 : 栽 去 动画 大 于 浏览 器 窗口 的 各 边缘 ,使 动画 在 浏览 器 窗口 内 居中 。 
> 左 : 栽 去 动画 大 于 浏览 器 窗口 的 各 边缘 ,使 动画 在 浏览 器 窗口 中 居 左 。 
> 右 : 裁 去 动画 大 于 浏览 器 窗口 的 各 边缘 ， 使 动画 在 浏览 器 窗口 中 居 右 。 
> 顶部 : 裁 去 动画 大 于 浏览 器 窗口 的 各 边缘 ， 使 动画 位 于 浏览 器 窗口 的 顶部 。 
> 底部 : 载 去 动画 大 于 浏览 器 窗口 的 各 边缘 ， 使 动画 位 于 浏览 器 窗口 的 底部 。 
N Flash 水 平 对 齐 、Flash 垂直 对 齐 : 指定 动画 在 动画 窗口 中 的 位 置 ， 以 及 必要 的 时 候 ， 如 何 对 动画 
的 尺寸 进行 剪裁 。 


3. GIF 图 像 

GIF 图 像 提供 一 种 输出 用 于 网 页 的 图 形 和 简单 动画 的 简便 方法 , 标准 的 GIF 是 经 过 压缩 的 位 图 文件 ; 
动画 GIF 提供 一 种 输出 短 动画 的 简便 方式 。 在 以 静态 GIF 格式 输出 时 , 不 作 专门 指定 , 将 仅 输出 第 1 帧 
在 以 动画 GIF 格式 输出 时 ， 不 作 专门 指定 ， 将 输出 动画 的 所 有 帧 。 

在 “发 布设 置 ”对 话 框 中 选中 “GIF 图 像 ”格式 ， 打 开 GIF 选项 卡 ， 如 图 B-3 所 示 。 


配置 文件 (R): 壤 太 区 什 


w HTML 包装 器 
”GG 下 图 筷 
| 回 JPEG 图 低 -i 
PNG 图 像 
OAM 世 
SWF 归档 况 件 
Mac 站 映 文件 


win 放映 文件 


图 B-3” GIF 选项 


外 大 小 : 以 像素 为 单位 指定 输出 图 形 的 长 蜗 尺 寸 。 选 中 “匹配 影片 ”选项 ，Animate 将 按 动画 实际 
尺寸 输出 图 睫 。 

播放 : 指定 输出 图 形 是 静态 的 还 是 动态 的 。 选 择 “ 静 态 ” 将 输出 静态 图 形 ; 选择 “动画 ”将 输出 
动态 图 形 ， 此 时 可 以 指定 播放 次 数 。 


9 平滑 : 指定 是 否 对 输出 图 形 进 行 平滑 处 理 。 打 开 消 除 锯 交 功能， 可 以 生成 较 商 画 质 的 图 形 ,但 图 
形 周围 可 能 会 有 1 像素 灰色 的 外 环 。 


4. JPEG 图 像 

JPEG 图 像 格式 是 一 种 高 压缩 比 的 24 位 色彩 的 位 图 格式 ， 适 于 输出 包含 渐变 色 或 位 图 形成 的 图 形 。 
在 以 JPG 文件 格式 输出 动画 的 某 一 帧 时 ， 不 作 专 门 指定 ， 将 仅 输出 第 1 帧 。 

在 “发 布设 置 ”对 话 框 中 选中 “JPEG 图 像 ” 复 选 枉 ， 可 打开 JPEG 选项 ， 如 图 B-4 所 示 。 


sVG 图像 

SWF 归档 变 件 
Mac 丰 遇 文件 
Win 放映 冯 件 


图 B-4 JPEG 选 项 


所 品质 : 设置 生成 的 JPEG 文件 的 质量 。 值 越 小 ， 压 缩 比 越 大 ， 文 件 占用 的 存储 空间 越 小 ， 但 画 质 


也 越 差 。 
和 渐进 : 生成 渐进 显示 的 JPEG 文件 。 在 网 络 上 这 种 类 型 的 图 片 逐 渐 显 示 出 来 ， 适 用 于 速度 较 慢 的 
网 络 。 


5. PNG 图像 

PNG 格式 是 一 种 可 路 平 合 文 持 透明 度 的 图 像 格式 。 不 作 专门 指定 ， 将 仅 输出 动画 的 第 1 巾 。 

在 “发 布设 置 ” 对 话 框 中 选中 “PNG 图 像 ” 复 选 枉 ， 打 开 PNG 选项 卡 ， 如 图 B-5 所 示 。 

YN 位 深度 : 指定 创建 图 像 时 每 个 像素 点 所 占 的 位 数 。 该 选项 定义 了 图 像 所 用 颜色 的 数量 。 对 于 256 
色 的 图 像 ,选择 “8 位 ”; 对 于 上 万 的 颜色 ,选择 “24 位 ”; 对 于 带 有 透明 色 的 上 万 的 颜色 ,选择 “24 
位 Alpha”。 位 值 越 高 ， 生 成 的 文件 越 大 。 


L 


配置 文件 (R): 直人 了 从 六 件 


答 出 名 称 (N): EB 

SWC 去 小 ;匹配 影片 (M 

其 地 格式 
”HTML 了 包装 器 


-昌林 


帮助 几 ) 点 布 人 p) 


图 B-5 PNG 使 项 


6. OAM 包 
OAM 包 (oam， 动 画 部 件 文件 ) 是 一 种 导出 HIMLS Canvas、ActionScript 或 WebGL 格式 的 Animate 
内 容 的 方式 。 生 成 的 OAM 文件 可 以 应 用 于 Dreamweaver、InDesign 等 Adobe 应 用 程序 中 。 
在 “发 布设 置 ”对 话 框 中 ， 选 中 “OAM 包 ” 复 选 框 打开 对 应 的 选项 卡 ， 如 图 B-6 所 示 。 
目标 ( 


脚本 .(S) 


栓 出 名 称 (N): 四国 


Wt 海报 六 像 
其 地 格式 1 从 当前 帆 生 成 (ENG) 
A HTML 包装 器 透明 
jpEG 图 乱 使 用 此 文件 
PNG 同 贷 
/OAM 世 
SVG 图 倡 
SWF 上 归档 文件 
Mac 该 贞 交 件 
Win 放映 交 忻 


图 B-6 OAM 包 的 发 布设 置 


/386, 


分 辨 对 无 关 的 矢量 图 形 格 式 。 由 于 SVG 文件 是 纯粹 的 XML 文件 ， 所 以 SVG 
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9 输出 名 称 : 指定 输出 的 包 路 径 和 名 称 。 

和 从 当前 帧 生成 ; 将 当前 帧 输出 为 海报 图 像 。 如 果 选 中 “透明 ”， 则 将 当前 帧 生成 为 一 个 透明 的 
PNG 文件 ， 作 为 海报 图 像 。 

9 使 用 此 文件 : 单 击 “ 选 择 海报 路 径 ” 按 钮 国 ， 选 择 一 个 外 部 PNG 文件 作为 海报 图 像 。 

7. SVG 图 像 

SVG (可 缩放 矢量 图 形 ) 是 使 用 可 扩展 标记 语言 描述 二 维 矢量 图 开 


的 一 种 图 形 格式 ， 是 一 种 与 图 像 
悦 像 可 以 用 任何 文本 编辑 


全 创建 ， 通常 与 绘图 程序 一 起 使 用 。 


在 “发 布设 置 ”对 话 框 中 选中 “SVG 图 像 ” 复 选 枉 ， 打 开 SVG 选项 卡 ， 如 图 B-7 所 示 。 

包括 隐藏 图 层 ; 于 出 Animate 文档 中 的 所 有 隐藏 图 层 。 

和 骨 入 : 在 SVG 文件 中 直接 嵌入 位 图 。 

和 链接 : 在 SVG 文件 中 提供 位 图 文件 的 路 径 链 接 。 如 果 未 选中 “复制 图 像 并 更 新 链接 ”选项 ， 将 
在 SVG 文件 中 引用 位 图 的 初始 源 位 置 。 如 果 找 不 到 位 图 源 位 置 ， 便 会 将 它们 吝 入 SVG 文件 中 。 

YN 复制 图 像 并 更 新 链接 : 将 位 图 复制 到 images 文件 夹 下 。 如 果 images 文件 夹 不 存在 ， 则 在 SVG 的 
导出 位 置 下 自动 创建 。 


7 包括 隐藏 图 层 


壤 入 。 军 接 


”复制 图 像 开 更 新 链接 


由 于 一 些 图 形 渡 镜 和 色彩 效果 可 能 在 旧 浏 览 器 上 无 法 正确 泻 染 ， 比 如 低 于 Intemet 
Explorer 9 的 浏览 器 ， 建 议 用 户 使 用 业界 标准 的 浏览 器 并 更 新 到 最 新 版 本 查看 SVG。 


8. SWF 归档 文件 
Animate CC 2018 引入 了 一 种 新 的 发 布 格式 一 SWF 归档 文件 ， 它 可 将 不 同 的 图 层 作为 独立 的 SWF 


进行 打包 ， 然 后 应 用 于 Adobe After Effects 等 应 用 程序 中 。 


文件 十 一 个 zp 文件 。 它 将 所 有 图 


在 “发 布设 置 ”对 话 框 中 ， 选 中 “SWF 归档 文件 ” 复 选 框 打 开 对 应 的 选项 卡 ， 如 图 B-8 所 示 。 
在 “输出 名 称 ” 文 本 框 输入 本 地 存储 的 SWF 归档 文件 路 径 和 名 称 。 单 击 “ 发 布 ” 按 钮 ， 生 成 的 归档 
又 的 SWF 文件 合并 到 一 个 单独 的 zip 文件 中 。 该 压缩 文件 的 命名 约定 是 ， 


以 一 个 4 位 数字 为 前 级 ， 然 后 是 下 划 线 加 图 层 名 称 。 
Qe | 


配置 文件 (R): 默认 玄 件 


其 他 格式 

w HTML 包装 器 
G 下 图像 
JPEG 图 像 
PNG 图 俐 
0AM 司 ] 
sVG 图 像 

”SWF 归档 文件 
Mac 该 蝇 区 件 
Win 直上 陨 药性 


图 B-8 SWF 归档 谱 件 发 布 选项 


9. SWC 和 放映 文件 

SWC 文件 包 合 一 个 编译 筋 辑 、 组 件 的 ActionScript 类 文件 , 以 及 描述 组 件 的 其 他 文件 , 用 于 分 发 组 件 。 

放映 文件 是 同时 包括 发 布 的 SWEF 和 了 Flash Player 的 Animate 文件 ， 无 需 Web 浏览 着、Flash Player 皇 
件 或 Adobe AIR， 就 可 以 像 普 通 应 用 程序 一 样 播放 。 

在 “发 布设 置 ” 对 话 框 中 ， 选 中 “SWC” 复 选 框 可 以 设置 SWC 文件 的 输出 路 径 和 和 名称 ; 选中 “Mac 
放映 文件 ”和 “Win 放映 文件 ” 复 选 框 ， 可 以 设置 放映 文件 的 输出 路 径 和 名 称 ， 如 图 B-9 所 示 。 


答 出 名 称 (N 


| Mac 放 轴 交 性 
” 山 in 访 蝇 交 考 


图 B-9 放映 及 和 尾 的 发 布设 置 


二 、 发 布 HTML5 Canvas 文档 


在 Animate CC 2018 中 ，HTML5 Canvas 文档 和 发 布 选 项 经 过 预 设 生成 HIML 和 JavaScript， 可 以 在 
支持 HIMLS Canvas 的 任何 设备 或 浏览 船上 运行 。 

HTML 文件 用 于 包含 Canvas 元 系 中 所 有 形状 、 对 象 及 图 稿 的 定义 ; JavaScript 文件 用 于 包含 动画 所 
有 交互 元 素 的 专用 定义 和 代码 ， 以 及 所 有 补 间 类 型 的 代码 。 这 些 文 件 默认 会 被 复制 到 FLA 所 在 的 位 置 。 
通过 “发 布设 置 ” 对 话 框 ， 可 以 更 改 输出 路 径 和 默认 的 选项 设置 。 

打开 或 新 建 一 个 HTML5 Canvas 文档 ,然后 执行 “文件 ”| "发布 设置 ” 命令 ,打开 如 图 B-10 所 示 的 “发 
布设 置 ” 对 话 框 。 


访 出 名 称 (N): | 医 吴 轨 本 
” 循环 时 间 负 
/ 包括 隐藏 图 

舞台 居中 

使 得 可 响应 


昌 拉 预 加 载 意 


~ 亏 出 图 像 资 产 ; 


图 B-10 “发布 耻 置 ” 对 二 框 


1. 基本 选项 

YN 输出 名 称 : 指定 文件 发 布 的 路 径 ， 黑 认为 FLA 文件 所 在 的 目录 。 

所 循环 时 间 轴 : 设置 动画 播放 到 时 间 轴 最 后 一 帧 时 是 否 停止 。 

所 包括 隐藏 图 层 : 设置 是 否 输 出 隐藏 图 层 。 

NN 舞台 居中 : 设置 是 否 将 HTML 画布 或 三 台 显 示 在 浏览 器 窗口 的 中 央 。 

使 得 可 响应: 设置 动画 是 否 根据 尺寸 的 变化 自动 调整 输出 文件 的 大 小 。 
缩放 以 填充 可 见 区 域 : 设置 是 在 全 屏 模 式 下 查看 动画 ， 还 是 拉 伸 动画 以 适合 屏幕 。 
包括 预 加 载 器 : 设置 是 使 用 默认 的 预 加 载 器 ， 还 是 从 文档 库 中 自行 选择 加 载 器 。 
导出 图 像 资 源 : 指定 存放 或 从 中 引用 图 像 资源 的 文件 夹 。 

合并 到 Sprite 表 中 : 选择 是 否 将 所 有 图 像 资源 合并 到 一 个 Sprite 表 中 。 


ee 


所 导出 声音 资源 : 指定 存放 或 从 中 引用 声音 资源 的 文件 夹 。 
所 导出 CreateJS 资源 : 指定 存放 或 从 中 引用 CreateJS 库 的 文件 夹 。 


2. 高 级 选项 
“高 级 ” 选项 如 B-1 ] 所 示 oD 


丁 黑 立 件 (R)， 野人 认 六 件 


高 摇 
HTML 如 布 杭 饮 : 默认 模板 
导入 新 模板 
/点 布 时 加 盖 HTML 文件 
广 HTML 中 包 舍 Javascript... 
高 级 ]avascript 选项 
” 托 避 的 库 
Y 压 顷 形 杖 
多 帧 边界 


- 亡 id wp 
Javascript 萌 名 空间 : 


元 件 :上 
图 像 : 


Createjs: Ll== de 


图 B-11 高 级 设置 选项 


导入 新 模板 : 导入 一 个 新 模板 发 布 HTML5 输出 。 
YN 导出 : 将 当前 的 HTML5 文档 导出 为 模板 。 
YN 发 布 时 覆盖 HTMLIL 文件 : 在 HTML 文件 中 包含 JavaScript 时 ， 每 次 发 布 HTML 文件 时 都 覆盖 该 


YN 托管 的 库 : 使 用 在 CreateJS CDN 上 托管 的 库 的 副本 ， 允 许 对 库 进行 疆 存 ， 并 在 各 个 站 点 之 间 实 
现 共 享 。 


YN 压缩 形状 : 以 精简 格式 输出 矢量 说 明 。 

外 多 帧 边界 : 输出 时 间 轴 元 件 时 ， 包 括 一 个 对 应 于 时 间 轴 中 每 个 帧 的 边界 的 Rectangle 数组 。 选 中 
该 项 会 大 幅 增 加 发 布 时 间 。 

3. Sprite 表 选项 

“Sprite 表 ” 选 项 卡 (图 B-12 ) 用 于 将 位 图 导出 为 一 个 Sprite 表 ， 优 化 HIMLS Canvas 输出 。 

和 将 图 像 资源 合并 到 Sprite 表 中 : 将 HIMLS Canvas 文档 中 使 用 的 位 图 导出 为 一 个 单独 的 Sprite 表 ， 
以 减少 服务 器 请 求 次 数 、 减 小 输出 大 小 ， 从 而 提高 性 能 。 

NY 格式 : 导出 Sprite 表 的 格式 。 选 择 格式 后 ， 还 可 以 设置 品质 、Sprite 表 的 最 大 尺寸 和 背景 颜色 。 


配置 文件 (R): 盐 从 六 件 


点 布 市 sprite 过 
"Javascript/HTML Re | 
其 他 格式 -将 图 像 资源 合并 到 sprite 表 中 
PEG 图 像 格式 ”PNG ”JPEG 两 者 羔 有 


如 中 出 可 


SVG 图 像 


帮助 [L) 


图 B-12 ”Sprite 表 设置 选项 


4. Web 字 体 选 项 

Animate CC 2018 为 HTML5 Canvas 文档 中 的 动态 文本 类 型 提供 Typekit Web 字体 ， 只 要 拥有 
Creative Cloud 会 员 资 格 ， 就 可 以 直接 访问 数 千 种 高 品质 字体 ， 并 将 其 无 颖 用 于 针对 现代 浏览 需 和 移动 设 
省 的 HIMLS 输出 。 

“Web 字体 ”选项 卡 如 图 B-13 所 示 。 


Web 字 仁 
wv Javascript/HTML 
其 他 榨 陈 Animate CC 会 在 发 布 时 将 此 和 门 容 镁 撞车 您 
JPEG 图 像 的 Typek i 以 便 朋 性 Veb 上 二 | 
体 a 人 5 公证 随 你 的 CreativeClouad 计划 
DAM 可 世 。 


swEGE 图 移 


Es ' 一 


请 输入 您 要 在 W 邮 中 放置 内 容 的 域 URL: 


图 B-13 Web 字体 设置 选项 


在 文本 框 中 输入 要 发 布 HTML5 内 容 的 页 面 URL， 多 个 URL 之 间 以 逗号 分 隔 。 该 设置 仅 对 指定 的 


URL 加 载 Typekit Web 字体 。 


三 、 导 出 动画 


执行 “文件 ”|“ 导 出 ”|“ 导 出 图 像 ”命令 或 “导出 影片 ”命令 可 以 导出 图 形 或 动画 。 “导出 ”命令 
用 于 将 动画 中 的 内 容 以 指定 的 各 种 格式 导出 ， 与 “发 布 ”命令 不 同 的 是 ， 使 用 “导出 ”命令 一 次 只 能 导 
出 一 种 指定 格式 的 文件 。 

1. 导出 影 

“导出 影片 ”命令 可 将 当前 动画 中 所 有 内 容 以 文 持 的 文件 格式 输出 。 

(1 ) 执行 “文件 ”|“ 导 出 ”|“ 导 出 影片 ”命令 ， 调 出 “导出 影片 ”对 话 框 。 

(2 ) 定位 到 要 保存 影片 的 文件 路 径 ， 然 后 输入 文件 名 称 ， 保 存 类 型 为 SWF 影片 (*swf)。 

(3 ) 单 击 “ 保 存 ” 按 钮 ， 保 存 影片 ， 关 闭 对 话 框 。 

如 果 所 选 文件 格式 为 静态 图 形 ， 如 “PNG 序列 (*.png )”， 该 命令 将 输出 一 系列 图 形 文件 ， 每 个 文件 
与 影片 中 的 一 帧 对 应 。 


2. 导出 图 像 和 动画 GIF 

“导出 图 像 ”命令 可 将 当前 帧 中 的 内 容 或 选中 的 一 由 以 静态 图 形 文 件 的 格式 输出 。 将 一 个 图 形 导 出 为 
GIF 、JPEG 或 PNG 格式 的 文件 时 ， 图 形 将 丢失 其 中 有 关 矢 量 的 信息 ， 仅 以 像素 信息 的 格式 保存 。 

Animate CC 2018 的 “导出 图 像 ” 对 话 框 支持 优化 功能 ， 用 户 可 以 同时 查看 图 像 的 多 个 版 本 以 选择 最 
佳 设置 组 合 ; 还 可 以 按 指 定 尺 寸 调整 图 像 大 小 。 

(1 ) 执行 “文件 ”|“ 导 出 ”|“ 导 出 图 像 ” 或 “导出 动画 GIF” 命令 ， 调 出 “导出 图 像 ” 对 话 框 ， 如 
图 B-14 所 示 。 


原来 优化 后 【下 二 祈 认 
名 称 : | 蒜 裔 有 


付 坟 小 
新 的 二 小 : 


Y 巩 切 到 舞 音 


图 
时 于 加 国 | 于 国 | | 
| BL | TT El CEH 
| 
TT 
国生 国富 同 加 辐 加 国 关 因 国 区 


图 B-14 “导出 图 和 像 ”对 话 框 


对 话 框 左 侧 显示 以 GIF 格式 优化 后 的 图 像 预 先 图 ; 图 像 下 方 显示 优化 的 格式 和 优化 后 的 文件 大 小 ; 
对 话 框 右 侧 显示 优化 设置 和 图 像 尺 寸 。 

(2 ) 单 击 对 话 框 左 下 角 的 “预览 ”按钮 , 可 以 在 默认 训 览 硕 中 预览 优化 后 的 图 像 效 果 、 详 细 的 优化 信 
息 ， 以 及 生成 的 HIML 代码 ， 如 图 B-15 所 示 。 


了 了 5 


fles iC Usersfhdministrator/AppDato/L 外 | 已 前 到 


尺寸 : 550 帘 X400 高 
本 小 5.789h 
设置 可 选择 , 256 色 ，100% 扩 避 仿 色 , 50 帆 , 透明 度 : 开 , 无 透明 度 仿 色 . 站 交错, 03% Web 对 齐 


html* 

《head> 

title»B. 3¢/title» 

<meta http-equiv=" Content-Type” content=" text/html. charset=sb?312"y 

head; 

body bscolor= #FFFFFF” leftmarsin= 0 topmersin= 0 marsirwidth= 0 marsginheisht= "0 » 
‘img src=" 5.3,8if” width="550° height=" 400” alt=""™Y 

body> 

html» 


图 B-15 在 浏览 嚣 中 预览 浆果 


(3 ) 单 击 “ 导 出 图 像 ” 对 话 框 顶部 的 “2 栏 式 ” 按 钮 ， 可 以 同时 查看 图 像 的 原始 版 本 和 优化 版 本 ， 
或 同时 查看 两 种 不 同 的 优化 效果 ， 以 选择 最 佳 设 置 组 合 。 单 击 其 中 一 栏 ， 可 以 在 对 话 框 右 侧 的 “ 预 设 ” 
区 域 进行 优化 设置 ， 如 图 B-16 所 示 。 


导出 国保 


图 B-16 栏 式 效 果 


(4 ) 在 对 话 框 的 “图 像 大 小 ”区 域 设 置 导 出 的 图 像 大 小 。 可 以 按 像素 大 小 进行 指定 ， 也 可 以 指定 为 
原始 图 像 的 百 比 分 。 

(5 ) 设置 完毕 , 单 击 “保存 ”按钮 , 在 弹出 的 “另存 为 ”对 话 框 中 选择 保存 文件 的 位 置 , 在 “文件 名 ” 
文本 框 中 指定 文件 名 称 。 

(6 ) 单 击 “保存 ”按钮 ， 关 闭 对 话 框 。 

3. 导出 视频 

使 用 “导出 视频 ”命令 ， 可 以 将 动画 导出 为 MOV 视频 文件 。 

(1) 执行 “文件 ”|“ 导 出 ”|“ 导 出 视频 ”命令 ， 弹 出 如 图 B-17 所 示 的 “导出 视频 ”对 话 框 。 


图 B-17 “导出 视频 ”对 话 框 


(2 ) 在 “ 演 染 大 小 ”区 域 , 设置 导出 的 视频 尺寸 ， 以 及 是 否 局 动 Adobe Media Encoder 转换 视频 。 
(3 ) 在 “停止 导出 ”区 域 设置 导出 的 视频 范围 。 

(4) 单 击 “浏览 ”按钮 ， 设 置 导出 的 视频 存放 的 路 径 和 文件 名 称 。 

(5 ) 单 击 “ 导 出 ”按钮 ， 即 可 导出 视频 文件 。 


四 、 打包 动画 


使 用 Animate CC 2018 时 ， 除 了 以 各 种 格式 发 布 和 导出 动画 ， 还 可 以 将 动画 打包 成 可 独立 运行 的 可 
执行 文件 。 不 需要 附带 任何 程序 就 可 以 在 Windows 系统 中 播放 ， 并 且 与 原 动 画 的 效果 一 样 。 

( 1) 在 Windows 操作 系统 的 资源 管理 兹 中 ， 浏览 到 Adobe Animate CC 2018 安装 目录 下 的 “Players” 
文件 夹 ， 打 开 后 可 以 看 到 如 图 B-18 所 示 的 窗口 。 


CR «riobe » Adobe Arimate CC 2018 » Ployers ， 加 E77 
文件 (Fi ”编辑 (E) ”查看 (V) 工具 (T) 帮助 (H) 
组 织 v 国 打 开 刻录 新 建文 件 去 


FlashPlayer 修改 日 期 : 2017/12/4 17:04 创建 日 期 : 2017/12/4 17:04 
应 用 程序 大 小 : 19.8 MB 


图 B-18 Players 训 任 夹 
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(2 ) 双击 FlashPlayerexe 文件 ， 即 可 打开 Flash 动画 播放 兹 。 
(3 ) 在 播放 希 中 执行 “文件 ”| “打开 ”命令 , 在 弹出 的 如 图 B-19 所 示 的 “打开 ”对 话 框 中 单 击 “ 浏 
览 ”按钮 ， 打 开 一 个 要 打包 的 动画 文件 。 单 击 “确定 ”按钮 关闭 对 话 框 。 


mn | ap) | 


图 B-19 “打开 ”对 话 框 


(4) 执行 “文件 ”| “创建 播 放 秀 ”命令 ， 弹 出 “ 夯 存 为 ”对 话 框 ， 设 置 路 径 和 文件 名 ， 单 击 “保存 ” 
按钮 ， 即 可 生成 EXE 文件 。 
此 时 双击 已 打包 好 的 动画 文件 ， 将 目 动 打开 一 个 Flash 动画 播放 策 ， 并 在 其 中 播放 动画 。 


三 、 填 空 题 

1. 图 层 控制 区 。” 时 间 轴 控制 区 

2. 刚 好 能 容纳 舞台 上 所 有 对 象 的 矿 才 

3. 根据 舞台 大 小 缩放 舞台 上 的 内 容 。 随手 台 同 比例 调整 大 小 


、 操 作 题 


上 略 

第 2 章 
一 、 选 择 题 
IC 2C 3D 4B 5C 6D 7D 
二 、 填 空 题 


1. 伸 直 “平滑 墨水 

2. 套 索 工 具 ”多 边 形 工 具 ”魔术 棒 工 具 

3. 橡皮 探 模式 ”水 龙头 橡皮 擦 形状 

4. 笔触 填充 

三 、 问 答题 

1.“ 伸 直 ” 模 式 绘制 出 来 的 曲线 趋同 于 规则 的 图 形 ;“ 平 请” 模式 尽 可 能 地 消除 图 形 边 缘 的 棱角 ， 使 
矢量 线 更 加 光滑 ;“ 墨 水 ”模式 对 绘制 的 曲线 不 做 任何 调整 ， 更 加 接近 手工 绘制 的 矢量 线 。 

2. 绘制 时 按 住 Shift 键 。 

3. 绘制 时 按 住 Shift 键 。 

4. 使 用 工具 箱 中 的 “缩放 工具 ”。 


第 3 章 
一 、 选 择 题 
1A 2AC 3.B 4.B 
二 、 判 断 题 
1. x 7 AAA 3. x 4. x 
三 、 填 空 题 


1. 属性 面板 “文本 ” 沫 单 
2. 静态 文本 ”动态 文本 ”输入 文本 


3- 目 定 义 


一 、 选 择 题 

1.D 2B 3A 4D 5.B 6ABCD 7.B 
二 、 填 空 题 

1.“ 与 舞台 对 齐 ” 

2. Ctrl+B 

3. Ctrl+G 

4. 同一 层 中 不同 层 中 

5. 不 再 


第 5 章 


一 、 选 择 题 

IC 2C 3B 4C 5.D 
二 、 判 断 题 

1. x 2. x ET 4. x SV 
三 、 填 空 题 

1. 关键 帧 

2. 查看 多 帧 ”当前 帧 

3“ 清 除 关 键 帧 ” 

4.“ 透 明 ” ”不 可 见 

5. 轮廓 线 

6. 插 和 人 帧 ”插入 关 键 帧 

7. 锁定 


一 、 选 择 题 

lL.A 2A 3A 4A 5A 6.B 了 
二 、 判 断 题 

LV 2. x 3.W 4x 5. x 
三 、 填 空 题 

1. 图 形 元 件 ”影片 剪辑 ”按钮 元 件 

2.4 

二 “局 二 

4. 创建 独立 的 动画 片段 


一 人 玫 GGi2018 


第 7 


册 


1. ABCD 2.A 3.A 
二 、 填 空 题 
1. 视觉 暂 留 
2. Ctrlt+Enter 


一 、 选 择 题 

IC 2A 3C 4A 5.B 

二 、 填 空 题 

1. 实例 或 群 组 对 象 ” 打 散 的 形状 

2. 下 方 

3. 补 间 动画 

4. 绥 动 先 快 后 慢 。 匀速 变化 。” 先 慢 后 快 
5. 关键 帧 ”属性 关键 帧 


一 、 选 择 题 

IC 2B 3A 4B 5B 6D 7C 
二 、 判 断 题 

lL. 2.x 3. x 4. x 

三 、 填 空 题 

1. 普通 引导 层 ”运动 引导 层 

2. 实 例 和 群 组 对 象 。” 位 图 文字 

3. 沿 直 线 

4. 沿 路径 着 色 ”沿路 径 缩 放 


四 、 操 作 题 
咯 


一 、 选 择 题 

l.ABCD 2A 3B 4A 5.B 
二 、 判 断 题 

1. x 2. x 3.V 

三 、 填 空 题 

1. 填充 图 形 文字 图 形 元 件 实例 或 影片 剪辑 
2 _ 一般 

3. 遮 兽 层 。” 被 谈 单 层 

4. 锁定 

四 、 操 作 题 

上 略 


第 12 


册 


一 、 选 择 题 

1.ABCD 2.BCD 3.C 

二 、 填 空 题 

1. 骨架 线性 的 ” 分 支 的 。 关节 

2. 癌 元 件 实例 添加 骨骼 。” 在 形状 对 象 的 内 部 添加 骨骼 
3. 骨骼 工具 ” 绑 定 工具 

4. 姿势 图 层 ”一 个 

5. Shift 键 


13 


贡 


一 、 选 择 题 

IC 2D 3.B 

二 、 填 空 题 

1. 事 件 流 

2. 库 面 板 

3. 导 人 声音 ”在 关键 帧 添加 声音 

4. 压缩 率 ”采样 率 越 大 越 小 越 小 
5. 在 SWF 中 航 入 FLV 并 在 时 间 轴 中 播放 


一 人 i CS 2 


三 、 操 作 题 


完 
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1.D sh 3.D 4.C 5. 0.A 


第 
lL.A 2D 3.D 4A 5.D 
二 、 填 空 题 
1. 影片 剪辑 
2. 用 户 界 面 组 件 ”视频 组 件 


3. 组 件 
4. dataProvider 可 以 编辑 列表 项 及 值 
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